My site is https://wagglydogs.com. I have tried the tagdiv mobile with amp plugin many times but unfortunately the end result is not good with parts of my front page not showing correctly so this combination isn’t a mobile solution I can use.
I’d like to display my front page on mobiles like https://dogtime.com does. How can I achieve this?
Thank you.
Hello !
The Mobile theme was specially designed for optimization on mobile devices. Unfortunately on mobile theme you cannot do much changes of design. If you want to have the same design as on desktop mode you can achieve that by simply disabling the mobile theme.
You will have to recreate your pages into the Mobile editor or completely disable the mobile theme. The mobile editor will not render shortcodes !
Also you can disable mobile theme on certain pages or posts by following this setting: 
Please take a look here: https://forum.tagdiv.com/the-mobile-theme/
Mobile theme plugin can be disabled from Newspaper Plugins as you can see here: https://www.screencast.com/t/LnkZCEVC
You are now able to create mobile viewport templates as you can see in our guide here: https://tagdiv.com/newspaper-10-3-7-update-brings-customizable-and-fast-mobile-pages/
! Atention ! If you are using mobile templates you will have to remove the mobile theme plugin and also at the moment AMP is not working with mobile templates.
Thank you !
Thank you Vlad. I have created the front page as a mobile page and everything is ok except the 6 icon boxes at the bottom of the page are not centre aligning on mobile and I would like to change the color of the blue shadow lines to hex code 14a96d.
Can you please tell me how to fix?
Thank you.
Hello !
If you have created your mobile page using tagDiv Composer than all the modifications have to be done using tagDiv Composer. In order to center the element please try this css code: .tds_icon_box4_wrap .tds-icon-box4 {
left: 42%;
}
Let me know the results !
Thank you !
Thanks. Where do I input the code?
Tried putting code into theme panel custom CSS. Unfortunately it didn’t work. If you look at my site on your mobile you’ll see the icon box problem – wagglydogs.com
Hello,
Please set the code in Theme Panel -> Custom Code -> Advanced CSS -> Phones => https://prnt.sc/100wh84
Let me know the results!
Thank you!
Thank you Anamaria. The text in the icon boxes is now centered correctly. Unfortunately the shadow lines are not. I would like to get rid of the shadow lines altogether and revert to the Style-1 default icon boxes. Unfortunately when I use the default I still have the same problem with the text centre alignment on mobiles. What custom css would I need to correct it?
Thank you.
HI,
Normally that image should be set on the centre without using extra custom CSS when this is need usually is a plugin conflict, please make a test only with tagDiv plugins, clear all cache and try again.
For style 1 you can try this code
.tds_icon_box1_wrap {
right: 8%;
}
Thank you!
This worked partially. The text is centered on my mobile by some of the lines of text exceed the width of the mobile page.
Any idea how this can be fixed?
Thank you.
Hi, problem solved by clearing all css for icon boxes!
Thanks for all your help.
Love and light,
Derek
