Label Theme Change Item Font Size

Solved
Highlighted
New Member
7 0 0

Hello,

 

I am using the Label theme and am looking to reduce the item heading font size on the mobile only. When I click on a product within a category and it opens up for that specific product, the font is far too big on the mobile.

Can anyone advise on where I change the code to do this? 

 

Thanks.

0 Likes
Highlighted

Hello,

Thank you for your question.

Please share:
- your store URL;
- page URL with the issue you mention;
- storefront password (if your store has one).

I'll help you to the best of my ability.

Kind regards,
Diego

◦ Problem Solved? ✔️ Please click on Accept as Solution and like.
◦ Needing urgent help? I'm available for hire, same day response guaranteed: diego.boarutto.fortes@gmail.com
◦ My app free for limited time: Add a navigation styled like Instagram Stories to your website!
0 Likes
Highlighted
New Member
7 0 0

Hello,

 

Shop URL is https://shopvoxy.myshopify.com/admin/settings/domains

 

An example URL of the issue is https://www.shopvoxy.com/collections/wall-art-clocks/products/wall-clock-retro-rustic-decorative-lux...

The heading 'Industrial Gears Handmade Wall Clock' is the issue, the font is far too big on the MOBILE only, it is ok on the desktop.

Sorry I'm not comfortable giving my storefront password out here as I believe this is a public forum?

Thanks for your assistance. 

0 Likes
Highlighted
New Member
7 0 0

Hello again,

 

I have a preview link if that is any good?

 

https://gto5jm1ga2a9gj35-26671349930.shopifypreview.com

 

Thanks

0 Likes
Highlighted

@Voxy 

Do this to fix it in 20 seconds:

1. In your Shopify Admin go to: online store > themes > actions > edit code
2. Find Asset > theme.scss.liquid and paste this at the bottom of the file:

 

.template-product .standard-single{
    font-size: 30px !important;
}

@media (max-width: 767px){
    .template-product .standard-single{
        font-size: 25px !important;
        
    }
}

 


You can change the values as you wish.

30px = font size on desktop
25px = font size on mobile

Please let me know whether it works.

Kind regards,
Diego

◦ Problem Solved? ✔️ Please click on Accept as Solution and like.
◦ Needing urgent help? I'm available for hire, same day response guaranteed: diego.boarutto.fortes@gmail.com
◦ My app free for limited time: Add a navigation styled like Instagram Stories to your website!
0 Likes
Highlighted
New Member
7 0 0

@diego_ezfy 

 

Worked perfectly, thank you! 

Am I correct in saying that if I wanted to do the exact same thing but with the price of the item, It would be a similar process? 

0 Likes
Highlighted

This is an accepted solution.

@Voxy 

You're welcome! Yes, it would, but you'd need to target the correct CSS class for the item.

If the answer fixed your issue please don't forget to click on the button "Accept as Solution" below the helpful answer so it can help other people in the community.

Kind regards,
Diego 

◦ Problem Solved? ✔️ Please click on Accept as Solution and like.
◦ Needing urgent help? I'm available for hire, same day response guaranteed: diego.boarutto.fortes@gmail.com
◦ My app free for limited time: Add a navigation styled like Instagram Stories to your website!
0 Likes