Support Center Visit Demo License manager Buy @ envato

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

mkdesignmediamkdesignmedia
in BeBuilder
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? 

Comments

  • mkdesignmediamkdesignmedia
    edited 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...
  • AlbertAlbert
    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; }
    Learn more: Video Tutorials | How To | FAQ Vote on what comes next
  • mkdesignmediamkdesignmedia
    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
  • AlbertAlbert
    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 */ }
    Learn more: Video Tutorials | How To | FAQ Vote on what comes next
  • mkdesignmediamkdesignmedia
    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...

    image
  • AlbertAlbert
    This looks like something is wrong with your head section. Please open your website in Firefox html mode (CTRL+U) and check this error.
    Learn more: Video Tutorials | How To | FAQ Vote on what comes next
  • mkdesignmediamkdesignmedia
    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 
  • AlbertAlbert
    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.
    Learn more: Video Tutorials | How To | FAQ Vote on what comes next
  • mkdesignmediamkdesignmedia
    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
  • AlbertAlbert
    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.
    Learn more: Video Tutorials | How To | FAQ Vote on what comes next
  • mkdesignmediamkdesignmedia
    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
  • AlbertAlbert
    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.
    Learn more: Video Tutorials | How To | FAQ Vote on what comes next
  • mkdesignmediamkdesignmedia
    edited 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?
  • mkdesignmediamkdesignmedia
    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....
  • mkdesignmediamkdesignmedia
    image
  • mkdesignmediamkdesignmedia
    The header is fine until you scroll down and then the white bars appear once the logo goes off screen...
  • AlbertAlbert
    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.
    Learn more: Video Tutorials | How To | FAQ Vote on what comes next
  • mkdesignmediamkdesignmedia
    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! 

    :))
  • AlbertAlbert
    We're glad to hear that you sorted it finally :)
    Learn more: Video Tutorials | How To | FAQ Vote on what comes next
Sign In or Register to comment.