Hide icons in the header

Home Forums Gillion Theme Hide icons in the header

Home Forums Gillion Theme Hide icons in the header

Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    RESOLVED Posts
  • stezelco
    Participant

    Hi,

     

    I would like to hide the icons in the header (search, bookmark and share) in desktop and responsive views. Not working if uncheck the options “elements” in “header” configuration.

     

    Thank you,

    Regards

    Solution for this topic

    Hi @stezelco,

     

    I hope you are well today and thank you for your question.

     

    You can hide it by adding the following CSS code in the Custom CSS code option of your theme on the below path.

     

    Admin Area -> Appearance -> Theme Settings -> Custom Code -> CSS Code

     

    .sh-nav li.menu-item.sh-nav-search,
    .sh-nav li.menu-item.sh-nav-share,
    .sh-nav li.menu-item.sh-nav-readmore {
        display: none;
    }

     

    Best regards,
    Shufflehound team

    stezelco
    Participant

    hi, thank you, the icons are hidden on the desktop menu bar, but are still visible on the mobile menu (see screen shot)

     

    Attachments:
    You must be logged in to view attached files.

    I have tested it on my test site but it is not displaying on mobile menu for me.

     

    Could you please share me your site URL where it’s displaying so that i can help you to remove it?

    stezelco
    Participant

    Of course:

    blog.tecnocasa.es

    p:TC01

    Solution for this topic

    You can use below CSS code to remove it from mobile display.

     

    .sh-nav-mobile li.menu-item.sh-nav-search,
    .sh-nav-mobile li.menu-item.sh-nav-share,
    .sh-nav-mobile li.menu-item.sh-nav-readmore {
        display: none;
    }

    stezelco
    Participant

    Thank you, it works

    You are always welcome here 🙂

Viewing 8 posts - 1 through 8 (of 8 total)