Media Queries Not Working - Prestige Theme

Solved
New Member
2 0 1

Hey Shopify Community, 

 

I am having some issues with the typography on my website, Breedwise.com. In the Prestige Theme there is very limited typographical control (IMO) and I cannot adjust my type specifically for mobile or smaller viewports. I have tried to write in some media queries in the standard CSS syntax, but none of it has worked. I'm sure it's something I don't understand, but I was wondering if anyone could point me in the right direction. 

 

mobile.pngdesktop.png

0 Likes

Success.

Shopify Partner
221 15 25

@balernum 

I have inspected your store URL and I found that you have apply a font size of that text using either customization settings or inline page CSS is causing an issue so you need to remove those inline CSS or you need to apply important in media queries CSS like below example.

CSS Important:

@media(max-width: 767px){

.demo{

font-size: 24px !important;

}

}


Still, if you face any issue with it then please let me know. If you need a faster reply you can contact me over email or skype.

Thanks & Regards
Akshay Vaghasiya

Shopify Expert | E-commerce Consultant
Email: akshayvaghasiya84@gmail.com
Skype: akshayvaghasiya84
 - Want to modify or custom changes on store hire me .
 - Was my reply helpful? Click Like to let me know! 
 - Was your question answered? Mark it as an Accepted Solution
0 Likes
New Member
2 0 1

@Akshay_V - ah! silly me. That worked perfectly. Appreciate your help!

1 Like