Viewing 5 posts - 1 through 5 (of 5 total)
  • Author
    Posts
  • January 13, 2014 at 2:28 am #208764
    hstveilig

    Hi,

    i want to customize my header. Logo centered and the menu below. I use the fixed header with social icons and additional navigation.
    I tried several things but can’t get it right. The menu does not adjust when i use:

    div .logo { left: 28%; }
.main_menu { left: 1%; top: 75%;}

    Can anyone help me get the header with the menu buttons looking nice. I would also decrease the space between the menu and the grey bar under it.

    Thanks
    Niels
    http://www.hstbeveiliging.nl

    January 13, 2014 at 9:43 am #208852
    Ismael

    Hey hstveilig!

    Please use the “Header with Social icons and bottom navigation” then add this on your Quick CSS or custom.css:

    .bottom_nav_header.social_header .logo {
position: relative;
left: 35%;
}

.bottom_nav_header.social_header .main_menu ul:first-child {
position: relative;
left: 20%;
}

#top #menu-item-search {
float: left;
}

    Best regards,
    Ismael

    January 13, 2014 at 8:47 pm #209153
    hstveilig

    Thanks for the fast response Ismael. Is it possible to make the header fixed and animated like the header with social icons and additional navigation? And the menu is too long so the last button is in a second row under the menu. How can i fix this?
    Thanks

    Niels

    January 13, 2014 at 11:57 pm #209231
    Yigit

    Hi!

    1- You are going to need to hire a freelance developer for that kind of customization as it is beyond the scope of support we can provide. You can also request quote here.
    2- Please add following code to Quick CSS as well

    .main_menu ul:first-child > li > a { padding: 0 5px; }
#top .main_menu .menu>li:last-child>a { padding-right: 5px; }

    Best regards,
    Yigit

    January 14, 2014 at 12:08 am #209238
    hstveilig

    Thanks Yigit, menu looks fine now.
    What a great support u all give here!!

    Thanks

  • Author
    Posts
Viewing 5 posts - 1 through 5 (of 5 total)
  • The topic ‘Adjust header’ is closed to new replies.