Mobile friendly view

Hi,

I added "Free Shipping" under the top menu. When the screen scales to mobile size, it doesn't show all the text. Is there any way I can change to a mobile friendly view?

https://catwalkextensions.com

Thank you,

mingyou

you have to customize this text. e.g. add to tablet.css file this code:

Code: Select all

#freeshipping {
margin: 0;
font-size: 27px;
float: left;
}

and to mobile.css you can use another margin or float properties. (if you'll copy tablet, mobile.css files to your Child theme, remember also about images directory).

I tried both of parent and child theme, it's not working.

mingyou

It is working but your #freeshipping selectors from tablet.css and mobile are overriden by your override.css file also with #freeshipping selector.

So you have to remove it from override.css, copy e.g. wp.css (no references to images) to your child-theme, and put your original #freeshipping selector (desktop) to wp.css file. Then your rules from tablet and mobile should work properly..

It works!!

Thank you so much!!

mingyou