Tagged: 

Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • November 3, 2014 at 3:24 pm #345280
    ccarberg

    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

    November 3, 2014 at 5:57 pm #345394
    Yigit

    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

    November 3, 2014 at 6:51 pm #345444
    ccarberg

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

    November 3, 2014 at 6:56 pm #345447
    Yigit

    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

    November 3, 2014 at 7:33 pm #345470
    ccarberg

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

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

    November 3, 2014 at 10:38 pm #345577
    Elliott

    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 ago by Elliott.
  • Author
    Posts
Viewing 6 posts - 1 through 6 (of 6 total)
  • You must be logged in to reply to this topic.