Docs

[ramyasriram1]

Hello!

My website is at thetap.in.

I wanted to add social media icons to the navbar, and I’ve done this using the code given here:
https://community.theme.co/forums/topic/how-to-put-visible-social-media-icons-on-navbar/

I’d now like to reduce the space above the icons and below the nav links. Could you help me understand how to do that please?

Thank you!

Cheers,
Ramya

[Thai]

Hi There,

Please take a look at this ticket: https://community.theme.co/forums/topic/social-media-buttons-in-nav-bar/.

Hope it helps 🙂

[ramyasriram1]

Hello! Yes, I did put in that code and it works fine 🙂 I just want to know how to reduce the space between the icons and the navbar links as it appears now on the homepage – http://www.thetap.in. I’ve tried setting

margin-top: 0px;

but it hasn’t made any difference.

Any suggestions would be welcome!

[Thai]

Hi There,

Please remove your custom CSS, then add the following code instead:

body .x-navbar .x-social-global {
    float: right;
    margin-top: -76px;
    margin-right: 50px;
}

Hope it helps 🙂

[ramyasriram1]

Ooh, that worked, thanks so much! 🙂

[Thai]

Glad it worked 🙂

If you need anything else please let us know.

[Author]

Posts