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
  • SarahS
    Participant

    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

    SarahS
    Participant

    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/

    SarahS
    Participant

    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)

Popular choice

Professional Developers At Your Fingertips!

If you need services beyond standard support, we've got your back!

Services we offer:

Demo setup
Advanced customization
Layout adjustment
Graphic work / visualizations
Custom coding
Full WordPress development and design

Services

What we can offer

  • Demo setup +

    If you'd prefer not to handle the installation yourself or need help getting started, we'll set everything up for you.

  • Layout adjustment +

    We'll help you rearrange sections, adjust spacing, and modify the page structure to fit your needs.

  • Advanced customization +

    More complex styling changes, theme option modifications, and third-party integrations.

  • Custom coding +

    If you need something that's not included in the theme, we can code it for you.

  • Graphic work / visualizations +

    Web design services to create custom sections, pages, and blocks for your theme, plus graphics and visualizations.

  • Full WordPress development and design +

    Full website builds, custom theme development, or plugin creation from scratch.

  • About pricing +

    We'll provide a clear quote based on what you need. No hidden fees.

Professional Developers At Your Fingertips!

Custom Work Form