Home Forums Weaver Xtreme Theme Change home page for mobiles Re: Change home page for mobiles

#20697
scrambler
Moderator

You would need a plugin for that, but depending on the changes, you can just use Custom CSS to male the changes on mobile using weaver Xtreme mobile classes.

If the changes you describe are all you need this is definitely the easiest path.

You can add your css rules in Main options > Fonts & Custom > Custom CSS rule box.

Start your rules with the following selector

.is-mobile.home

Right now you have set your font size with pixel, which is actually part of your problem, if you would use em  instead they would probably automatically adapt. if you are set on the bad idea of fixed pixel font-size, instead of using an inline style, use a class, and then style the class

For example instead of

<span style=”font-size:24px;”>….

use

<span class=”myfont1″>….

Then in Main options > Fonts & Custom > Custom CSS rule box. put

.myfont1 {font-size:24px;}
.is-mobile.home .myfont1 {font-size:12px;}

if a rule does not take you may need to add !important like

.myfont1 {font-size:24px !important;}

You can use the same system with your image