Remove Space in Header

  • Posted in : Efor
  • itsdely
    Participant

    Was working on my site and go to the homepage and randomly a space is in between the top of the page and the header > https://ibb.co/z5ZmXPL .. How can I remove this space?

    serkan
    Moderator

    Hi,
    Could you please provide me your wp admin details via our private content box below?
    Thanks

    itsdely
    Participant

    Sent!

    serkan
    Moderator

    Hi,
    I tested your website by navigating through all menu tabs on the desktop with Chrome, Safari and Firefox browsers. I couldn’t see that gap you took a screenshot of. I wonder if you fixed the problem? If it’s still there, what browser and resolution are you using?
    Thank you

    notorious200164
    Participant

    I have a gap on mine as well. See private link. I would like to know how to fix this.

    serkan
    Moderator

    Hi,
    You can decrease the line height from customizer or you can use this custom css code;

     .is-header-small .header-wrap, .is-menu-bar .nav-menu > ul > li, .is-header-vertical .nav-menu > ul > li { line-height: 75px; } }

    Thanks

    notorious200164
    Participant

    Where in customizer is line height located?

    I looked at this on tablet and mobile and the top menu is messed up. How do I fix it for all devices?

    serkan
    Moderator

    Hi,
    Can you use the custom css code above? I just edited it?
    If you still have the issue, please provide me your wp admin details via our private content box below?
    Thanks

    notorious200164
    Participant

    I added the custom code above but it only works on desktop. Look at the site on tablet and mobile, the entire logo and bar is covered.

    I’ll attach you login details, thank you.

    ahmetsali
    Keymaster

    Hi, it looks like one of your plugins adding extra markup after header markup which is causing this gap, I have just added this custom css code to fix it;

    div#ppcp-messages {
       height: 0;
    }
    

    Cheers.

    notorious200164
    Participant

    works! Thank you

    notorious200164
    Participant

    One more issue that’s related. I’m seeing that the logo on mobile is pushed to a second line instead of being one single horizontal line. See picture: https://ibb.co/cr3b7nS

    notorious200164
    Participant

    Which plug-in was creating the issue above? I’m still seeing it off on mobile.

    I’m seeing that the logo on mobile is pushed to a second line instead of being one single horizontal line. See picture: https://ibb.co/cr3b7nS

    serkan
    Moderator

    Hi,
    I just checked your plugin folder and i saw that 35 plugin are activated. We should deactivate them one by one and realize whixh one is causing the issue.
    But i didn’t want to deactivate them without your permisson. So can you deactivate your third party plugins and check if there is still any issue?
    Thanks

    notorious200164
    Participant

    I tried deactivating all the plug-ins but no change. You have my permission to go in and and find out which one is causing the issue.

    serkan
    Moderator

    Hi,
    I will forward this topic to our developer and I will keep you updated.
    Thanks

    notorious200164
    Participant

    I noticed this seems to only be an issue with safari. What is causing this?

    serkan
    Moderator

    Hi,
    The developer will find a solution to the problem and get back to you.
    Thanks for your patience.

    notorious200164
    Participant

    Hi, any update on this?

    serkan
    Moderator

    Hi,
    The developer will inform you about this. Please check the “NOTIFY ME OF FOLLOW-UP REPLIES VIA EMAIL” tab below.
    Thanks

    notorious200164
    Participant

    Hi,

    It’s been 3 weeks and I haven’t heard from your developer. Can you please provide some support on this issue?

    ahmetsali
    Keymaster

    Hi, this seems like a browser-related bug since it only occurs on Safari, I have just added this custom css code to fix it on Safari

    @media screen and (max-width: 991px) {
    	.is-header-small .site-branding {
    	width: 100% !important;
    	}
    }
    

    Have a nice day!

    notorious200164
    Participant

    Works! Thank you for taking care of this!

    ahmetsali
    Keymaster

    You are welcome :) We’d be very happy if you can spare a minute to rate the theme on ThemeForest. Your feedback will boost our motivation and help us to work harder on future updates.

    https://themeforest.net/downloads

    Thank you for your support.

    Roel
    Participant

    Hi, I have the same issue with my website, there is a white bar on the top and I can not remove it. I added the CSS you suggested, which works fine in the preview but not in the final version after publishing. Both on web and on mobile I still see the white space on top. What could I do?

    serkan
    Moderator

    Hi Roel,
    Can you also share wp admin information in a new topic? There has been a lot of messaging in this topic. No unnecessary notifications to other users. Let’s take a look at your menu.
    Thanks

Viewing 26 posts - 1 through 26 (of 26 total)

You must be logged in and have valid license to reply to this topic.

License required for the following item
Login and Registration Log in · Register