Always horizontal scrollbar

Hi @bengans

We can’t replicate this issue to our end.
Can you please raise a ticket for this issue from cyberchimps site my account area with your site details.
So that we can look into this issue and suggest possible fixes.

Thank you

Thank you for responding!

However, I can’t find a way to register on your site since I only use your free theme and I think an account is needed for a support ticket?

It definitely seems to relate to the full width menu, if you scroll sideways you can see only the menu area overflows the page width slightly to the right.

Some settings I have:
– Disabled both Name and slogan in header.
– Full 1140 width header image (container width at default 1140)
– Set header to vertical – Left
– Set all header Logo padding to 0
– Main menu – layout set to Full Width Main Navigation
– Added .entry-content a {
text-decoration: underline;
} to Extra css

Thanks

@manishverma Well, I found a work around:

– Disabled Main menu – Layout – Full Width Main Navigation
– Enabled Header – Layout – Full Width Header
– Changed Header Layout to Vertical – Center

That gives me almost the same result with no scrollbar but the menu is now centered.

I would still prefer to have the menu aligned to the left of the container but this is good enough for now ??

Also, I think the logo is now displayed at 100% 1140 pixels, before it was slightly smaller.

@bengans

Closing this topic as your issue gets resolved.

Thank you.

I apologize for replying to this thread but I was going to ask this same question about the scroll bar.

As @bengans mentioned it happens when the “Full Width Main Navigation” is enabled.

When it is enabled it gives this CSS…

.site-header-layout-vertical.site-header-full-width-main-navigation .main-navigation {

    margin-left: calc( 50% - 50vw );
    margin-right: calc( 50% - 50vw );
    max-width: 100vw;
    width: 100vw;

}

I was able to make CSS changes that removed the horizontal scroll but my brother mentioned that doing that will cause layout issues. We are doing our best to eliminate using a child theme and want to avoid making changes to template files.

I basically only enable the full width navigation so I can have 2 different full width background colors for the navigation menu and the logo/header widget section.