Viewing 11 posts - 1 through 11 (of 11 total)
  • Author
    Posts
  • April 27, 2015 at 9:31 pm #435644
    XTGlobal

    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?

    April 28, 2015 at 10:38 am #435896
    Rikard

    Hey XTGlobal!

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

    Regards,
    Rikard

    April 28, 2015 at 4:25 pm #436155
    XTGlobal

    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; }}
    April 29, 2015 at 4:14 pm #436787
    Ismael

    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

    April 29, 2015 at 4:31 pm #436813
    XTGlobal

    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.

    April 30, 2015 at 9:41 am #437264
    Ismael

    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

    April 30, 2015 at 3:54 pm #437536
    XTGlobal
    This reply has been marked as private.
    May 1, 2015 at 9:57 am #437943
    Ismael

    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

    May 1, 2015 at 3:59 pm #438150
    XTGlobal

    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?

    May 4, 2015 at 3:29 pm #438951
    Yigit

    Hi!

    Please add following code to Quick CSS as well

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

    Regards,
    Yigit

    May 4, 2015 at 3:54 pm #438984
    XTGlobal

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

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