Home › Forums › WoodMart support forum › How to Add ‘Shop/Market Store’ Icon to Mobile Header Next to Logo and Menu?

How to Add ‘Shop/Market Store’ Icon to Mobile Header Next to Logo and Menu?

Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • February 24, 2025 at 10:17 pm #640657

    TadejStr
    Participant

    Hello,

    How can I add a ‘shop/market store’ icon to the mobile header (the main navigation at the top, not the one at the bottom), next to the logo and hamburger menu?

    Currently, I’m using a text/HTML element with a simple text link “Shop,” but I would prefer an icon to match the other icons in the header menu, such as account and cart.

    Best regards,
    Tadej

    February 25, 2025 at 12:45 pm #640803

    Luke Nielsen
    Keymaster

    Hello,

    Is there any chance that you could give me access to the dashboard area so I can check the settings there?

    Thank you in advance.

    Kind Regards

    February 25, 2025 at 10:58 pm #640976

    TadejStr
    Participant

    Hello,

    I got it working using a “Text/HTML” element.

    HTML code:

    <div class="wd-toolbar-shop">
    <a href="/online-shop/">
        <span class="wd-tools-icon"></span>
    </a>
</div>

    CSS code:

    .wd-toolbar-shop .wd-tools-icon:before {
    content: "\f146";
    font-family: "woodmart-font";
    font-size: 20px;
    padding: 0 5px;
}

    Issue resolved.

    Best regards,
    Tadej

    • This reply was modified 3 months ago by TadejStr.
    February 26, 2025 at 11:33 am #641047

    Luke Nielsen
    Keymaster

    Hello,

    Glad that you have solved it. In case you need any additional help, I’d be more than happy to assist you.

    Wish you all the best.

    Kind Regards

  • Author
    Posts
Viewing 4 posts - 1 through 4 (of 4 total)

The topic ‘How to Add ‘Shop/Market Store’ Icon to Mobile Header Next to Logo and Menu?’ is closed to new replies.