Docs

[Debbie L]

Hi, I originally had a thread … #1290528 … asking the question about social media icons in the left side navbar.
I was given the thread https://community.theme.co/forums/topic/social-media-icons-in-the-navbar/
I followed this and added the code to the navbar_php file.

However, I was diverted from this thread with a suggestion to add them as menu tabs, which I successfully achieved.(see image below)
However … my client does not like this look as it goes down the page.
Is there a way to have them go side by side ??
I am using a stage website at the moment ….. http://www.corecider.com.au/stage

Appreciate your assistance once again.

[Paul R]

Hi,

You can add this under Custom > Edit Global CSS in the Customizer.

.x-navbar .x-nav-wrap.desktop .menu-item-2721, 
.x-navbar .x-nav-wrap.desktop .menu-item-2722,
.x-navbar .x-nav-wrap.desktop .menu-item-2723 {
    float:left;
}

.x-navbar .x-nav-wrap.desktop .menu-item-2721 a, 
.x-navbar .x-nav-wrap.desktop .menu-item-2722 a {
  padding-right:10px;
}

.x-navbar .x-nav-wrap.desktop  .x-menu-item-woocommerce {
    clear:both;
}

Hope that helps.

[Debbie L]

Thanks Paul …… Worked a treat !
Can we move it right to align with other tabs (see image attached)
Really appreciate your help

[Rue Nel]

Hello There,

Thanks for the updates! To align the icons, please add the following css code in the customizer, Appearance > Customize > Custom > CSS

.x-navbar .x-nav-wrap.desktop .menu-item-2721 a {
    padding-left: 20px !important;
}

Hope this helps. Please let us know how it goes.

[Debbie L]

Thanks !! It looks spot on !! Thanks heaps … you dazzle me with your brilliance … Cheers

[Rue Nel]

You’re welcome! We’re happy to help you out.
If you need anything else we can help you with, don’t hesitate to open another thread.

[Author]

Posts