-
Posts
-
Hi there,
Amazing theme – thank you! I’m having an issue: the header (which has the logo and main menu) does not extend the whole width of the site. It looks like it does upon page load, but as soon as you scroll you can see that it is not long enough. Additionally, the portion of the header that scrolls is a few pixels wider than the rest of the header bar, no matter what height I set the custom header to!
Here’s what I’ve tried so far, with no luck:
1. Removed all custom CSS;
2. Disabled all plugins, one by one;
3. Updated theme to latest version (4.0.2)
4. Updated WordPress to latest version (4.7.2)Can you help? Thanks in advance.
Hi,
Try adding this css code in Quick CSS (located in Enfold > General Styling):
.responsive .boxed#top, .responsive.html_boxed.html_header_sticky #header, .responsive.html_boxed.html_header_transparency #header { max-width: 100% !important; width: 1375px; }Hope this helps.
Best regards,
NikkoI added that code but it seems to have made no difference. I’ve used this theme many times and I’ve never had this issue before. What else can we try?
Hi 1lizcollins,
Here is the code that can fix your current request. You can put it in themes/enfold-child/styles.css
All this mess is due to the fact that two menus are used. And in mobile you can see two icons for 2 menus and Enfold menu looks good out of the box, UebrMenu needs a lot more adjustments. Looks like UberMenu is overkill in this case. You might want to look closer to the menu situation.
.responsive.html_boxed.html_header_sticky #header, .responsive.html_boxed.html_header_transparency #header { width: 100%; margin-left: -5%; } @media screen and (min-width: 960px) { #top .ubermenu-responsive-default.ubermenu { display: block!important; height: 108px ; border: none; } } #top #header_main > .container, #top #header_main > .container .main_menu ul:first-child > li > a, #top #header_main #menu-item-shop .cart_dropdown_link { line-height: 82px !important; }Let us know if this was helpful.
Best regards,
VictoriaThanks for the response. Unfortunately, the code you provided has not fixed the issue. The mess you’re seeing with extra menu items is actually an issue I’ve had while importing info from another version of the site. I was hoping to get the header issue fixed before doing that import and before adding Ubermenu, but I couldn’t wait any longer. I’ve been waiting for a fix for three weeks, and I’m on a deadline for this website. So to be clear, the header issue is not related to Ubermenu. Nor is it related to any of my plugins, or to software versions, as I stated in my initial post. After adding your code the menu bar still only covers part of the header upon scrolling, but now it seems also to be displaced to the left. I’ve deactivated Ubermenu for the time being, in the hopes that it will simplify things. I’m adding site login info below in case it is helpful. I need a fix to this issue ASAP, as I’m in danger of missing a crucial deadline. Thanks in advance for your prompt response.
Hi,
Here is a slight adjustment:
.responsive.html_boxed.html_header_sticky #header, .responsive.html_boxed.html_header_transparency #header { width: 100%; margin-left: 0; } @media screen and (min-width: 960px) { #top .ubermenu-responsive-default.ubermenu { display: block!important; height: 108px ; border: none; } } #top #header_main > .container, #top #header_main > .container .main_menu ul:first-child > li > a, #top #header_main #menu-item-shop .cart_dropdown_link { line-height: 82px !important; } @media only screen and (max-width: 989px) { .responsive.html_boxed.html_header_sticky #header, .responsive.html_boxed.html_header_transparency #header { width: 100%; margin-left: -5%; } }Please put this code into /wp-content/themes/enfold-child/style.css.
Let us know if this was helpful.
Best regards,
VictoriaThanks Victoria, for your prompt response. I put this code in the child-theme’s style.css file.
It now looks like we are back where we started. The header/menu bar does not stretch across the full page width. When I scroll it becomes apparent immediately. I want the menu on the right side of the header, and the logo on the left. That’s how I set it up in theme settings, but for some reason there’s still a gap :(
Hi 1lizcollins,
Try this one (instead of .responsive.html_boxed.html_header_sticky #header,
.responsive.html_boxed.html_header_transparency #header {
width: 100%;
margin-left: 0;
} from the snippet above) , I thought for some reason that you wanted the header for normal screens to be the size of content (must have beed tired probably, sorry).responsive.html_boxed.html_header_sticky #header, .responsive.html_boxed.html_header_transparency #header { width: 100%; max-width: 100%; margin-left: -5%; }Best regards,
VictoriaThanks Victoria. This works on smaller screens (my laptop, tablet, iPhone). It still does not work on my desktop’s large screen – I still see that the header bar doesn’t extend the full width of the content area. Attaching a link to a screenshot in private content. Thanks.
well – me as a participant as you – i can not see the sitelink. So i’m not able to help here too. But on one tip i see there are uber-menu settings.
did you realize all fixes on that. How did you integrate ubermenu to enfold ( you did those things here on : http://sevenspark.com/docs/ubermenu-enfold ?)
You regarded this fix for your enfold-search etc. pp.Hi,
I can’t see what you’re showing on your screenshot. This is what I see on my end: http://i.imgur.com/gtM0dlk.jpg
We need to be able to see what you’re talking about on our end, to be able to help.Best regards,
AndyThanks for checking in Andy. I’m under a tight timeframe so I found a work-around: I changed the layout of the site to stretched and now the header performs as it should. If I switch back to boxed, it breaks again. Still don’t know why, but the issue is no longer happening with the new configuration.
- You must be logged in to reply to this topic.