Padding after Header_wrapper on all but blog page after update to 8.2

mkdesignmedia · June 2015

Hi Guys, I've just upgraded from 7.7 to 8.2 and have now got some mystery padding after the #Header_wrapper and before main #Content on all pages except the blog page, any ideas?

mkdesignmedia · June 2015

http://albins.mobedia.co/

It's more obvious on the home page as a thick white line between the menu and the first image section with the flower...

Albert · June 2015

This is padding for content section. If you don't like it, please use below css:

body:not(.template-slider) #Content { padding-top: 0 !important; }

mkdesignmedia · June 2015

Thanks guys, that's done the trick. Also, the page title on the blog page refuses to use the theme styling. Is there a pseudo class for the blog page h1 title?

Thanks

Albert · June 2015

But what exactly you want to do? Change subheader title color or size? Because if that's what you mean, use below css please:

#Subheader .title { /* css code here */ }

mkdesignmedia · June 2015

Great stuff, that's sorted the problem.

I've also noticed a bug with the responsive menu on scroll... we get white space at the side of the menu if the menu is left open and you scroll down the page...

Albert · June 2015

This looks like something is wrong with your head section. Please open your website in Firefox html mode (CTRL+U) and check this error.

mkdesignmedia · June 2015

Hi Guys, we've not changed anything in the head section? do you have any clue as to what may be causing this issue?

Thanks

Albert · June 2015

This could be everything: plugin, extra tool or addon or someone changed something. We just tell you what we see in the code because this is the reason of that problem.

mkdesignmedia · June 2015

What do you see in the code, because we're only using one additional plugin and have tried turning this off which makes no difference, If you let us know what you are seeing that looks wrong we can investigate further...

Thanks

Albert · June 2015

http://snag.gy/gVSxq.jpg - this is what we see. Probably scripts which are the reason of the problem. Please remove all plugins and addons and then check the site. You can also install theme of fresh installation and you see that everything works fine.

mkdesignmedia · June 2015

Hi Guys, we've deactivated all 'non theme provided' plugins and are using a fresh install of BeTheme 8.2 but the issue still seems to be happening, do you have any idea what may be causing it? is it likely to be style sheet or javascript?

Any suggestions you can provide would be a great help.

Thanks

Albert · June 2015

So if you got fresh installation, then maybe you should check child theme? As we see you modified child theme files and that's why it does not work properly. We always recommend to use all original files because if you even change one file, something may not work properly.

mkdesignmedia · June 2015

the only two additional files in the child theme are 'header.php' and 'includes/header-top-area.php'. We've deactivated both of these and the issue still happens, what would specifically cause this issue? is it css or something else?

mkdesignmedia · June 2015

We've now fixed the red <head> issue but the problem with the white bars at the side of the responsive menu is still happening....

mkdesignmedia · June 2015

mkdesignmedia · June 2015

The header is fine until you scroll down and then the white bars appear once the logo goes off screen...

Albert · June 2015

Did you removed custom css from child theme? Because you got lot of custom css. We have removed this css on our side and after this menu works what means error is related with your custom css.

mkdesignmedia · June 2015

Hi Guys. thanks for the help, it turned out to be the custom height for the sticky header we had defined in the custom css.

we changed from

#Top_bar.is-sticky {height:64px;}

to

#Top_bar.is-sticky {min-height:64px;}

and everything is now happily working again.

Thanks for the assistance, and apologies for being a nuisance!

)

Albert · June 2015

We're glad to hear that you sorted it finally

Padding after Header_wrapper on all but blog page after update to 8.2

Comments