Shopify themes, liquid, logos, and UX
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
Solved! Go to the solution
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!
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;
}
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!
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
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?
Learn how to expand your operations internationally with Shopify Academy’s learning path...
By Shopify Feb 4, 2025Hey Community, happy February! Looking back to January, we kicked off the year with 8....
By JasonH Feb 3, 2025Expand into selling wholesale with Shopify Academy’s learning path, B2B on Shopify: Lau...
By Shopify Jan 28, 2025