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 </body> tag

<style>
span.img.category img {
    width: 70px !important;
}
li.ff-primary a {
    font-size: 20px !important;
}
</style>

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 · Accepted solution]

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!