Site logo

Archived topic

Page header option breaking mobile header

7 replies · Started by Jamal on January 11, 2017

Viewing posts 1–8 of 8

Hi

The "Add padding" option in the page header is breaking the mobile header of my site and introducing a horizontal scroll. I believe it's something i added thats causing some conflict or something but disabling the "add padding" option fixes everything.

These are my current settings http://i.imgur.com/5gi0xE8.png and my site url

Thanks for reporting! For now you can probably use the top/bottom padding option instead :)

I noticed another unrelated issue. After using _navigation_location filter to hide the navigation on archive and single custom post type pages, the contents of _after_slideout_navigation get centered after somehow inheriting the below css

.nav-aligned-center.nav-below-header .main-navigation {
    text-align: center;
}

That should happen regardless as the slide-out navigation shares the .main-navigation class and styles. You can always target it to align left.

I have plans for independent styling options for the slide-out navigation soon.

The thing is that on my home page my contact form in after_slideout_navigation hook as aligned left while on those other pages where i have returned '' for the navigation location its aligned center. Thats what im having trouble understanding.

And what's your navigation alignment set to? Left?

Ok now i get it thanks. Have set alignment to left and all is good now.

Awesome :)

This archived topic is closed to new replies.