I am using the responsive theme for mobile but the fonts aren’t working. However I can’t get the standard mobile to theme – and the selection area is greyed out, as you can see in the attached screenshots.
Hi,
What you need to do is to check the settings on the mobile viewport and adjust them on each block that doesn’t look ok and on each column. For this edit, teh page using tagDiv Composer – https://i.imgur.com/D9Gawe6.png then select the mobile view port – https://i.imgur.com/Pks8bjA.png after that select the block that do not looks good, the one from your image I beelive taht has set on the column that is holding ist a custom width (300%) so on mobile should be 100%, to do this slect the element the in the side bacr in tagDiv Composer over the block name you see row > column click on column and look in Layout tab and css if there are any values set for width, if there are repalce them with 100%.
Also, the flex block can be edited per viewport for example, the number of modules per viewport – https://i.imgur.com/Lk9aW6X.png
So I did figure out how to adjust fonts on the mobile theme, however now my homepage on desktop is showing the mobile theme!
Hello,
First we need to see if you are using the responsive version of the theme, the mobile page template or the mobile theme plugin. If you are using the tagDiv Mobile theme plugin the mobile layout will be simple, if is a mobile page template, then this is edited using tagDiv Composer but is a separate page/template.
Now in case that it is the responsive version for each option from the element that can be set separate on responsive eversion you’ll see a left bar when you are on any view port except the desktop version https://i.imgur.com/kSwuXzD.png
Thank you!
