Happy Halloween! Get 20% off GP Premium with the discount code: HALLOWEEN20

[Support request] Navbar search overlapping logo

Home Forums Support Navbar search overlapping logo

Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • #915003
    Shawn

    Hi,

    I have the nav set to act as header and navbar search active but when you click the icon the search field spans the width and appears over the logo.

    Edit: I changed the layout so the nav sits under the header. On desktop and mobile the search field extends fully to the right and sits over the primary nav.
    I thought changing the field length would work but not on mobile.

    Is there any way to make it appear under the nav while active?

    #915220
    David
    Staff
    Customer Support

    Hi there,

    try this CSS:

    .navigation-search.nav-search-active {
        top: 100%;
        background-color: #cccccc;
    }

    Change the background color to suit

    #915228
    Shawn

    Again, you’re the best.

    I managed to set the width and margin-left: auto with a grey background which sorted the main issue but did not look great on mobile. This sorts me.

    Thanks again

    #915373
    David
    Staff
    Customer Support

    Awesome – glad to hear that

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