Site logo

[Support request] help needed moving search icon in the nav menu

Home Forums Support [Support request] help needed moving search icon in the nav menu

Home Forums Support help needed moving search icon in the nav menu

Viewing 5 posts - 1 through 5 (of 5 total)
  • Author
    Posts
  • #1593036
    Michael

    Hello,
    I was able to move the seach icon from right to left using this css:

    .main-navigation .menu-bar-items {
        order: -1;
    }

    My problem is that part of the search box is blocked. You can try using the search in the nav bar here https://app-5fd72a84c1ac1813f431cd4e.closte.com/

    I can’t figure out how to fix it.

    thanks

    #1593051
    David
    Staff
    Customer Support

    Hi there,

    try this CSS instead:

    @media (min-width: 1025px) {
        .main-navigation .menu-bar-items {
            order: -1;
            z-index: 110;
        }
        .navigation-search.nav-search-active {
            z-index: 100;
            padding-left: 70px;
        }
    }
    #1593678
    Michael

    thanks for the quick response. that did the trick!

    #1593793
    Michael

    just one small issue, David. In the sticky header, the search icon appears all the way to the left before the logo.

    #1594193
    Leo
    Staff
    Customer Support

    Try this as well:

    @media (min-width: 1025px) {
        .main-navigation.navigation-stick .menu-bar-items {
            order: 1;
        }
        .main-navigation.navigation-stick .main-nav {
            order: 5;
        }
    }
Viewing 5 posts - 1 through 5 (of 5 total)
  • You must be logged in to reply to this topic.