Viewing 11 posts - 1 through 11 (of 11 total)
  • Author
    Posts
  • #435644

    We just updated our version of Enfold, but once we did we noticed our custom CSS no longer works for our header menu. We added padding to make the menu items take up the entire width of the main boxed content. This is what it used to look like: http://xtglobal.com/wp-content/uploads/2015/04/Screen-Shot-2015-04-27-at-2.26.19-PM.png

    But now if you visit xtglobal.com, you’ll see it’s reverted back to default menu item width and I can’t seem to get any CSS to work. Any suggestions?

    #435896

    Hey XTGlobal!

    Where was the custom CSS added? I will get overwritten on updates if added to one of the core files.

    Regards,
    Rikard

    #436155

    We have it in the quick css on the general styling page of the theme settings. Here’s what we have if it helps:

    div#header_main_alternate .container { width: 100%; margin: 0; }
    @media only screen and (min-width: 1140px) {
    .av-main-nav > li > a { padding: 0 28.7px; }}
    @media only screen and (max-width: 1139px) and (min-width: 1010px) {
    .av-main-nav > li > a { padding: 0 30px; }}
    @media only screen and (max-width: 990px) {
    .av-main-nav > li > a { padding: 0 0px; }}
    #436787

    Hi!

    What is the previous version of the theme? Looks like the container width is reset to 1030px. Is that intentional? Try to set the Maximum Container width on Enfold > General Layout > Dimensions panel. Replace the menu selector:

    #top .av_seperator_big_border#header .av-main-nav > li > a
    

    Regards,
    Ismael

    #436813

    Yes that was intentional; when we updated from 2.4 it increased the width of our boxed content, which then messed up a lot of our page layouts. Is there anyway to redo the menu spacing in the current theme while keeping the boxed content to max 1030px? Replacing the menu selector also didn’t do anything.

    #437264

    Hey!

    I tried the previous code (#436155) on my installation and it works. Please post the login details here. We would like to check it.

    Best regards,
    Ismael

    #437536
    This reply has been marked as private.
    #437943

    Hi!

    Please check the page now. Adjust the padding if the menu items fall out of the menu container at certain browser width.

    Best regards,
    Ismael

    #438150

    Awesome, thank you! Is there any way to adjust the outside margins of that header menu bar, so there isn’t a gap between the outside edges of the boxed content and the menu items?

    #438951

    Hi!

    Please add following code to Quick CSS as well

    #header #header_main_alternate .container {
      padding: 0;
    }

    Regards,
    Yigit

    #438984

    Awesome, it’s back to how we want it. Thanks again for all of your help!

Viewing 11 posts - 1 through 11 (of 11 total)
  • The topic ‘Header Menu Spacing (3.1.3 Theme Update)’ is closed to new replies.