Viewing 5 posts - 1 through 5 (of 5 total)
  • Author
    Posts
  • October 18, 2013 at 1:42 pm #177369
    DavyE

    How could I stretch the header menu to about 90% of screen width instead of fixed px? I tried the following, but doesn’t seem to affect it:
    #header_main > .container {width:90%;}
    Adding !important doesn’t change it either.

    October 19, 2013 at 5:14 am #177712
    Ismael

    Hi DavyE!

    What type of header are you using right now? Please check Enfold > Header > Header type. You can adjust the header menu width by increasing the padding between menu items.

    .main_menu ul:first-child > li > a {
padding: 0 15px;
}

    Use Media Queries to adjust it on different screen sizes.

    Best regards,
    Ismael

    October 21, 2013 at 9:10 am #178324
    DavyE

    Sorry, that’s not really what I meant. I’m trying to get the logo align to the left of the browser and the menu to the right of the browser. Similar to this: http://goo.gl/PPwK5h

    October 21, 2013 at 9:48 am #178338
    Dude

    Hi!

    You can try to extend the width of the header container – insert following code into the quick css field and adjust the percentage value if necessary:

    
#header_main .container, .main_menu ul:first-child > li a {
width: 95%;
}

    Cheers!
    Peter

    October 21, 2013 at 11:46 am #178360
    DavyE

    That’s basically the same as what I had tried. Yet for some reason it does work on my live site, but not on my test site.

    Thanks for the assistance.

  • Author
    Posts
Viewing 5 posts - 1 through 5 (of 5 total)
  • The topic ‘Stretching header menu to fullwidth instead of 1210px’ is closed to new replies.