Change image size and font size of menu items

[outdoorarmory]

Hi everyone,

Website is: theoutdoorarmory.com

Theme is: Xtra

Can you please send me a CSS code - that works for both desktop and mobile; and that I can play around with - to change the sizes of the images and the font size of the menu items as encircled below:

Thanks in advance!

Outdoor Armory

[Moeed]

Hey @outdoorarmory

Follow these Steps:

1. Go to Online Store

2. Edit Code

3. Find theme.liquid file

4. Add the following code in the bottom of the file above tag

RESULT:

If I managed to help you then, don’t forget to Like it and Mark it as Solution!

Best Regards,
Moeed

[topnewyork]

Hello, @outdoorarmory

1. Go to Online Store
2. Edit Code
3. Find theme.css/base.css file
4. Add the following code in the bottom

li.ff-primary a  {
    font-size: 17px !important;
}
span.img.category img {
    width: 35px !important;
}

Thanks!

[Asad-Mahmood]

Go to your online store → settings → custom css and paste this code there

li.ff-primary a {
    font-size: 35px !important;
}
span.img.category img {
    width: 100px !important;
}

[outdoorarmory]

Hi @Asad-Mahmood , thanks!