[Resolved] White space behind Navigation

Home Forums Support [Resolved] White space behind Navigation

Home Forums Support White space behind Navigation

Viewing 15 posts - 1 through 15 (of 23 total)
  • Author
    Posts
  • #878357
    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!

    GeneratePress 2.2.2
    #878380
    Leo
    Staff
    Customer Support

    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 🙂

    #878387
    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.

    #878388
    annashine

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

    #879007
    David
    Staff
    Customer Support

    Hi there,

    any chance you can take down the Coming Soon again?

    #879522
    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

    #879525
    Leo
    Staff
    Customer Support

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

    @media (min-width: 769px) {
        .main-navigation {
            border-radius: 15px;
        }
    }
    #879539
    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

    #879544
    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.

    #879545
    Leo
    Staff
    Customer Support

    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.

    #879548
    Leo
    Staff
    Customer Support

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

    It’s not on the home page.

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

    #879555
    annashine

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

    #879572
    Leo
    Staff
    Customer Support

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

    #879578
    annashine

    Here:

Viewing 15 posts - 1 through 15 (of 23 total)
  • You must be logged in to reply to this topic.