Site logo

[Support request] Center Mobile Menu and Search Box

Home Forums Support [Support request] Center Mobile Menu and Search Box

Home Forums Support Center Mobile Menu and Search Box

Viewing 5 posts - 1 through 5 (of 5 total)
  • Author
    Posts
  • #2566565
    Gonzalo

    Hi,
    How can I center (on mobile) the menu button and the search box so they are centered below the logo?
    Sort of what you see on the desktop version.
    https;//svpremier.com

    Thanks!

    #2566590
    Gonzalo

    Sorry, I just realized I had the wrong setting.
    I redesigned the header to have the logo on the left and menu and search box on the right and I noticed the search box (on desktop) when you click on it does not really work, you cannot type anywhere.

    Also, how can I have the menu icon show first (left of the search icon)? Right now the menu icon is right of the search icon.

    Thanks!

    #2566663
    Fernando
    Customer Support

    Hi Gonzalo,

    Can you try adding this CSS?:

    @media (min-width: 1025px){
    form.search-form.navigation-search.nav-search-active {
        width: 500px;
        right: 0;
        left: unset;
    }
        span.menu-bar-item.slideout-toggle {
            order:-1;
        }
    }
    #2567478
    Gonzalo

    That worked thanks!!

    #2567896
    Fernando
    Customer Support

    You’re welcome, Gonzalo!

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