Docs

[finger123]

HI. i was able to get my social media icons to go on my menu bar. Problem is though, i cannot get each icon to have its own link. I would like each social media icon to be able to link to their respective sites. Also, i need to make them a bit larger in size. right now it is extremely small.

[finger123]

This reply has been marked as private.

[Friech]

Hi There,

Thank you for writing in! You added those social icons as one menu item, you need to add those as separate items. And your icons is not linking because you did not put the absolute URL of your social page on the URL field.

Add this on your custom CSS to make the icons larger.

.sub-menu i.x-icon {
	font-size: 1.5em;
}

Adjust it accordingly.

Cheers!

[finger123]

Hi. But If I add them as separate items, then they won’t align on the same field next to each other. How do I align them together if I add them separately?

[Jade]

HI there,

We can add a custom CSS to adjust their position. Kindly add the icons then let us know so that we can check and provide you with the CSS.

Thank you.

[finger123]

it has been added. thanks.

[Friech]

Hi There,

Please add this on your custom CSS

/*social icons on menu alignment*/
.x-nav #menu-item-2446 ul.sub-menu li.menu-item {
	float: left;
}
.x-nav #menu-item-2446 ul.sub-menu li.menu-item a {
	padding-right: 1em;
	padding-left: 1em;
}

Make sure you remove that extra closing bracket [ } ] first from your custom CSS, or else the code above won’t work.

Thanks,

[finger123]

thank you! works perfectly!

[Friech]

We’re delighted to assist you with this.

Cheers!

[Author]

Posts