Archived topic
White space behind Navigation
22 replies · Started by annashine on April 24, 2019
Hello,
In my Wordpress editor in Customization view I see a little white space behind the navigation bar in tablet & mobile view showing through. I don't have any header for this particular page, only sections. My navigation does have rounded corners with CSS customization. I haven't seen this bit of white space showing before as I use specified headers on all my other pages. Is there a way to get rid of this white space? Incidentally I don't see it in desktop.
Also, I tried `.entry-content {
margin-top: 0;
} `
but it didn't work.
Thank you!
Hi there,
Any chance you can link us to the site in question?
You can edit the original topic and use the private URL field.
Let me know :)
Hi, yes, it's under construction but I removed the maintenance mode temporarily. I edited my original post and entered the url there. Just let me know of there's anymore information I can provide. I appreciate your help.
I also just realized you probably couldn't see the screenshots I provided with the maintenance mode in effect...
Hi there,
any chance you can take down the Coming Soon again?
Hi, I turned off the Maintenance mode/coming soon 12 hours ago and checked to make sure. I've done it again just now, hopefully it works all right and you can access what you need. Thanks
What if we only use the border radius for the desktop like this?
@media (min-width: 769px) {
.main-navigation {
border-radius: 15px;
}
}I appreciate your response and code snippet. I don't see any changes with that in adding it to my custom CSS. Should I be able to see the changes in the Wordpress customization editor in mobile view or only on an actual mobile phone? (which I don't have access to in this moment). Thanks
I mean I still see the bit of white space poking through on the pages where I don't have a navigation - just sections, on mobile & tablet. Btw, I prefer and like the curved navigation across all devices...but perhaps I can't get rid of the white space without sacrificing that for mobile.
I don't see the CSS being added.
Make sure you replace with the existing CSS you already have:
.main-navigation {
border-radius: 15px;
}And then clear the Endurnace Page Cache.
Which page can I actually see the issue shown in your screenshot?
It's not on the home page.
Oh I see - replace! I didn't do that before. All, right, the white space is gone now, thank you. Just curious, is there any way I can still have the navigation curved without the white space? Perhaps have a header (all I have are sections on those pages).
Because all my other pages with specified header don't have this problem.
Which page can I actually see the issue shown in your screenshot?
Here:
