[Resolved] White space behind Navigation

[annashine]

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!

[Leo]

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 🙂

[annashine]

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.

[annashine]

I also just realized you probably couldn’t see the screenshots I provided with the maintenance mode in effect…

[David]

Hi there,

any chance you can take down the Coming Soon again?

[annashine]

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

[Leo]

What if we only use the border radius for the desktop like this?

@media (min-width: 769px) {
    .main-navigation {
        border-radius: 15px;
    }
}

[annashine]

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

[annashine]

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.

[Leo]

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.

[Leo]

Which page can I actually see the issue shown in your screenshot?

It’s not on the home page.

[annashine]

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).

[annashine]

Because all my other pages with specified header don’t have this problem.

[Leo]

Which page can I actually see the issue shown in your screenshot?

[annashine]

Here:

[Author]

Posts