Support » Fixing WordPress » Grey area at the top of my web page

  • I am having a problem in that I have a grey area at the top of my webpage. It appeared after an update an I can seem to remove it. Any advice would be greatly appreciated. Thank you!

    The page I need help with: [log in to see the link]

Viewing 5 replies - 1 through 5 (of 5 total)
  • It was actually a white bar, that looked grey, because of your opaque nav bar. Not sure what kind of page builder you are using, but there are a ton of weird ID’s and classes going on. I was able to narrow it down to a blank ‘p’ tag in your header content that had a margin of 10px. With some css you could get around this. Try adding this to your custom CSS.

    #pgc-37-0-0 .textwidget p {
        margin: 0;
    Aravinda Mondal


    Try adding this custom CSS code

    .home .site-header, #page .site-header, .home .main-navigation ul ul a, .top-navigation li ul.sub-menu li a, .home #header-right ul ul a, .home .site-header .cart-content-details {
        background-color: #D2CDAE;

    How do you add custom CSS code?

    Use this plugin to edit your CSS: Simple Custom CSS

    I strongly suggest using a child theme when editing CSS in your theme.

    If you don’t know how to use a child theme, here is a great article

    You can also create a child theme using a plugin: Child Theme Configurator

    I hope this helps.

    Mr Case your code worked. Thank you so much! Really appreciate the help. Thanks for both of your replies and have an amazing day!

    • This reply was modified 1 week, 1 day ago by  teflmonster.

    I’m sorry to bother again but the problem seems to not have been fixed in google chrome. If you see there is now a black bar at the top. On Safari and Firefox it seems fine. Any suggestions? Thanks!

    Aravinda Mondal


    I am on Google Chrome. I don’t see the white bar. Looks good. Could you please take a screenshot?

Viewing 5 replies - 1 through 5 (of 5 total)
  • You must be logged in to reply to this topic.