Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • July 24, 2017 at 9:39 pm #829210
    therzig

    hej folks, i hope you can help me. i would like the search icon only displayed in the opened mobile menu. in other words: how do i hide it next to the burger-menu?

    July 24, 2017 at 9:43 pm #829214
    Yigit

    Hey therzig,

    Please try adding this code to the Quick CSS section under Enfold > General Styling or to your child theme’s style.css file:

    @media only screen and (max-width: 990px) {
#top #menu-item-search { 
display: none !important; }}

    Best regards,
    Yigit

    July 24, 2017 at 9:46 pm #829220
    therzig

    Hello Yigit. Not quite what i had hoped for. If i open the mobile menu, i would like to have the search-icon – there it is now also gone.

    July 24, 2017 at 9:48 pm #829223
    Yigit

    Hey!

    Oh, sorry, i misunderstood you. Could you please post a link to your website? :)

    Best regards,
    Yigit

    July 24, 2017 at 9:57 pm #829226
    therzig

    Here you go!

    July 24, 2017 at 10:28 pm #829235
    Yigit

    Hi!

    I changed the code to following one 

    @media only screen and (max-width: 990px) {
#top #menu-item-search { 
display: none; }
.av-burger-overlay-active #top #menu-item-search { 
display: block; }}

    Please review your website
    Regards,
    Yigit

    July 25, 2017 at 8:19 am #829420
    therzig

    Thank you very much! Works fine!

    July 25, 2017 at 9:45 am #829502
    Nikko

    Hi,

    Glad that Yigit helped you. Thanks for using Enfold :)

    Best regards,
    Nikko

  • Author
    Posts
Viewing 8 posts - 1 through 8 (of 8 total)
  • The topic ‘hide search-icon next to burger-menu’ is closed to new replies.