Adding images to navigation bar

Home Forums Gillion Theme Adding images to navigation bar

Home Forums Gillion Theme Adding images to navigation bar

Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    RESOLVED Posts
  • Is it possible to add image links to the navigation bar (like attached image)? Is it possible to add images in instead of the various social media/search etc icons?

     

    And I cannot seem to get rid of the social media drop down icon (see other attached image) despite having it unchecked in the settings. I’ve tried adding the CSS that you have mentioned to other people on this forum, but had no luck getting rid of it.

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

    Hi @SarahS,

     

    Thank you for your questions.

     

    Is it possible to add image links to the navigation bar (like attached image)? Is it possible to add images in instead of the various social media/search etc icons?

    To achieve this you have to develop custom code in the child theme of Gillion theme.

     

    Developing custom code for custom functionality is beyond the scope of support that we provide here.

     

    If you are not a developer then you can consider hiring a developer to develop it for you. You can hire a developer from any freelance site. Shufflehound recommends the developer https://www.upwork.com/freelancers/~011652ffec8865c6d5

     

    And I cannot seem to get rid of the social media drop down icon (see other attached image) despite having it unchecked in the settings. I’ve tried adding the CSS that you have mentioned to other people on this forum, but had no luck getting rid of it.

    Could you please share me your site URL where it’s happening so that i can troubleshoot it?

     

    Best regards,
    Shufflehound team

    The URL is – http://blog.lightful.com/

    I’d really like to get rid of that social media drop down & replace that with a couple of image links. Happy to develop custom code, but would be super helpful if you could point me in the direction of the right .php/css file to do this. Thanks.

    Solution for this topic

    You can remove 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

     

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

    You can read the information provided on the below site to know how to develop CSS code.

     

    https://www.w3schools.com/css/

    Solution for this topic

    That CSS code worked perfectly, many thanks!

     

    And in case anyone else needs to add in image links to the nav bar – I’ve used a great little plugin called Menu Image which (so far!) seems to do the trick & is incredibly easy to use.

    You are most welcome here 🙂

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