Remove Space in Header

Posted in : Efor
itsdely
Participant
15 November 2023 at 22:11
#86055

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
15 November 2023 at 23:05
#86059

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

itsdely
Participant
15 November 2023 at 23:10
#86060

Sent!

serkan
Moderator
18 November 2023 at 00:42
#86071

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
23 November 2023 at 22:29
#86120

I have a gap on mine as well. See private link. I would like to know how to fix this.
serkan
Moderator
25 November 2023 at 00:55
#86131
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
25 November 2023 at 01:11
#86132

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
25 November 2023 at 01:21
#86134

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
25 November 2023 at 02:43
#86137

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
25 November 2023 at 03:35
#86139
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
25 November 2023 at 16:50
#86141

works! Thank you

notorious200164
Participant
25 November 2023 at 17:34
#86142

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
27 November 2023 at 18:24
#86148

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
28 November 2023 at 13:20
#86155

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
28 November 2023 at 16:47
#86157

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
28 November 2023 at 20:07
#86160

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

notorious200164
Participant
1 December 2023 at 21:27
#86245

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

serkan
Moderator
4 December 2023 at 11:23
#86257

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

notorious200164
Participant
7 December 2023 at 23:19
#86294

Hi, any update on this?

serkan
Moderator
8 December 2023 at 10:34
#86304

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

notorious200164
Participant
15 December 2023 at 07:30
#86384

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
21 December 2023 at 18:27
#86443
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
21 December 2023 at 18:34
#86444

Works! Thank you for taking care of this!

ahmetsali
Keymaster
22 December 2023 at 15:38
#86447

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
11 April 2025 at 14:12
#93022

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
15 April 2025 at 15:49
#93042

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