Solved

Change the language selector font size / Ride Theme

GASTY
Excursionist
38 0 4

Hi everyone! Does anyone knows how to target the language selector on the Ride theme? I'd like to add the below code:

 

{
font-size: 1.1rem;
text-transform: uppercase;
font-weight: bold;
}

 

Also, Ive been adjusting the font for the menu header and other fonts but it seems to only change on desktop, any idea what this is happening ? Thank you!

 

website: gastonduflos.com

Accepted Solution (1)
AnneLuo
Shopify Partner
626 126 129

This is an accepted solution.

You should add these codes to take effect on the mobile end

.menu-drawer__menu .menu-drawer__menu-item {
    font-size: 1.8rem;
    text-transform: uppercase;
    font-weight: bold;
}

 

Hopefully it will help you. If yes then Please don't forget hit Like and Mark it as solution!

If this is helpful, please Like and Accept the solution.
Want to modify or custom changes on store? Let me help.
- Feel free to Email Me   

Buy Me A Coffee

View solution in original post

Replies 4 (4)

GASTY
Excursionist
38 0 4

this code for example targets only desktop, do you know how to change it for mobile as well ? 

ul.list-menu.list-menu--inline span {
font-size: 1.2rem;
text-transform: uppercase;
font-weight: bold;
}

AnneLuo
Shopify Partner
626 126 129

This is an accepted solution.

You should add these codes to take effect on the mobile end

.menu-drawer__menu .menu-drawer__menu-item {
    font-size: 1.8rem;
    text-transform: uppercase;
    font-weight: bold;
}

 

Hopefully it will help you. If yes then Please don't forget hit Like and Mark it as solution!

If this is helpful, please Like and Accept the solution.
Want to modify or custom changes on store? Let me help.
- Feel free to Email Me   

Buy Me A Coffee

SAN_MSWEB
Shopify Expert
1143 137 143

Hello,

 

Hope you are well.

 

I am San from MS Web Designer.

 

Here is the solution:

 

.disclosure__button.localization-form__select.localization-selector {font-size: 1.1rem;

text-transform: uppercase;

font-weight: bold;}

 

.disclosure__list.country-selector__list .countries .link {font-size: 1.1rem;

text-transform: uppercase;

font-weight: bold;}

 

Do let me know in case of any concerns.

 

Regards,

San

If it’s helpful to you, please mark it as a solution.  


Need Help with Shopify Design, Migration, Speed, or Custom tasks?  
email: hi@mswebdesigner.com
Try Our Conversion Booster app to get more sales | Connect Our Founder Linkedin

GASTY
Excursionist
38 0 4

Hi San thank you very much, the code worked for the countries dropdown in footer and header. The selected country worked only in the footer, the header changed to uppercase but didnt work the font size, so now the menu looks smaller than the selected country. Please have a look here : 

www.gastonduflos.com

 

Any chance we can fix this?