Editing the Top Bar in Navigation

Support
#1

Hello!
I’m wondering if it was possible to remove the social media icons from the top navbar and if there was a way to add a link next to the “Free shipping” text on the left?

Thanks for your time. :slight_smile:

#2

Hi Nadia,

To get rid of the socal icons on the topbar, please add this code in X > Theme Options > CSS:

.x-topbar .x-social-global {
    display: none;
}

Then to add a link to the shipping text, simply go to X > Theme Options > Header > Topbar Content then wrap the Free Shipping text in an <a> tag like this:

<a href="THE_LINK_TO_THE_PAGE">Free Shipping</a>

Hope this helps.

#3

Thanks so much!
Is there any way to make the Top Bar a sticky header on mobile?

#4

Hi Nadia,

In Pro, yes, but with X you need to customize it. Try following the solution provided here.

Please note that custom coding is outside the scope of our support. Issues that might arise from the use of custom code and further enhancements should be directed to a third-party developer.

Thanks,

#5

This topic was automatically closed 10 days after the last reply. New replies are no longer allowed.