Tagged: 

Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • #345280

    Hi,

    We noticed on our mobile menu that the search icon keeps breaking to the next line, below the navigation menu. Any ideas why?

    Thanks!
    Chris

    #345394

    Hey ccarberg!

    Please add following code to Quick CSS in Enfold theme options under General Styling tab

    @media only screen and (max-width: 989px) {
    .av-main-nav > #menu-item-search { top: -90px; }}

    Best regards,
    Yigit

    #345444

    Hmm, i added it but it still seems to be breaking in mobile…

    #345447

    Hi!

    Please try adding !important rule as following

    @media only screen and (max-width: 989px) {
    .av-main-nav > #menu-item-search { top: -90px !important; }}

    Cheers!
    Yigit

    #345470

    I added that too, it’s still breaking on mobile.

    http://postimg.org/image/d4uo0itw1/

    #345577

    Hi!

    This is what I see in your source code,

    @media only screen and (max-width: 989px) {
    .av-main-nav &.gt; #menu-item-search { top: -90px !important; }} 

    Double check that the &.gt; is set to >.

    Cheers!
    Elliott

    • This reply was modified 10 years, 1 month ago by Elliott.
Viewing 6 posts - 1 through 6 (of 6 total)
  • You must be logged in to reply to this topic.