Viewing 5 posts - 1 through 5 (of 5 total)
  • Author
    Posts
  • April 6, 2015 at 11:24 pm #424334
    Laserman2

    I have been unable to determine why the search magnifying glass icon is displaying right justified in my main menu instead of directly after “Contact Us”.

    Any help would be greatly appreciated.

    April 7, 2015 at 4:41 pm #424804
    Elliott

    Hi Laserman2!

    Your menu is too big so it gets shoved on the next line. Add this to your custom CSS.

    @media (max-width:900px) {
nav.main_menu { display: none !important; }
#advanced_menu_toggle { display: block !important; }
}

    And play around with the 900px if you need to make it perfect.

    Cheers!
    Elliott

    April 7, 2015 at 5:12 pm #424836
    Laserman2

    Elliott:

    Thank you for the suggestion but that’s not the problem I was trying to address. I can see what you say how the magnifying glass gets pushed down to the next line on a narrow browser window. What I am attempting to fix is why the magnifying glass is not appearing right after “Contact Us” on a wide browser window. On a wider browser window the magnifying glass is right justified. In fact, the vertical line that should appear just to the right of “Contact Us” is way over to the right next to the magnifying glass. If I turn off “Append search icon to main menu”, the line move back over just to the right of “Contact Us”.

    Also, I did try your code and I did not see any change to my layout.

    Thanks,
    Laserman2

    • This reply was modified 9 years, 7 months ago by Laserman2.
    April 8, 2015 at 4:09 pm #425387
    Elliott

    Hey!

    If you want the search icon to display with the other items instead of on the right hand side then do this.

    .html_header_top.html_bottom_nav_header #top .main_menu .menu-item-search-dropdown { float: left !important; }

    Best regards,
    Elliott

    April 8, 2015 at 6:52 pm #425516
    Laserman2

    Elliott:

    Thank you very much. That’s exactly what I was looking for.

    Thanks Again,
    Laserman2

  • Author
    Posts
Viewing 5 posts - 1 through 5 (of 5 total)
  • The topic ‘Search Magnifying Glass Icon Displaying Right Justified’ is closed to new replies.