[bridgette Mao]

Hello, I’d like to make the social media icons in the top bar bigger and more spaced out for mobile users to navigate more easily.

I’d also like to make them bigger on the web version.

Can anyone offer me CSS that would help?

[vako]

Hi Bridgette,

 

First, thank you for choosing our theme and service.

Please navigate to Dashboard > Appearance > Customize > Additional CSS section and add the following snippet:

.top-bar-socials .svg-inline–fa {

font-size: 20px !important;

}

In order to fit the snippet to your needs you need to change only the bolded part of the snippet.

 

Kind Regards

[bridgette Mao]

Hello! I added the code and changed the 20px to 40px, then 60px and nothing changes. The icons remain small.

[vako]

Hi Bridgette,

 

Please share your website URL and we will check for possible solutions.

 

Kind Regards

[bridgette Mao]

This reply has been marked as private.

[vako]

Hi Bridgette,

 

1. Please navigate to Dashboard > Appearance > Customize > Additional CSS section add the following snippet:

.top-bar-socials svg:not(:root) {

font-size: 20px !important;

}

2. To change menu font size, Please navigate to Dashboard > Appearance > Customize > Typography Section > Menu

 

Kind Regards

[bridgette Mao]

This works. Thank you very much!

[vako]

Feel free to contact us at any time, we are more than happy to help.

 

Kind Regards

[Author]

Posts