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
  • #915003


    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?

    Customer Support

    Hi there,

    try this CSS:

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

    Change the background color to suit


    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

    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.