Hi,
My website is mindfulpump.com
Setting up the mobile theme was an absolute disaster so now I’m just working with the responsive mobile version of my websites. Online it seems great but in reality on my phone the header overtakes the top grid half way. Columns don’t seem to work on mobiles so how do we align everything on one line?
1) I would like to make the logo, menu and search bar all on one line to not kill space
2) Can someone please explain how padding,margins and borders work so I can know how to play with them correctly.. I just keep throwing numbers in hoping it work but it doesnt do anything 90% of the time
3) my speed report is bad, any way to improve the loading of this site?
Thank you
Updated:
I’ve reactivated the mobile theme and AMP to speed my page load. I’ve set it to Mobile and AMP. I’ve also then tried AMP only but I see no changes when looking through my phone (cleared cache).
When choose Mobile and AMP vs only AMP what will be the difference from mobile view?
Also, how can I see these changes on the mobile (not as preview but browsing through the phone)? currently doesn’t show changes
The tutorials and documentation do not explain things fully or step by step. https://forum.tagdiv.com/the-mobile-theme/
This doesn’t tell me how to set it up properly, what Mobile vs Mobile Amp vs AMP actually mean and which to choose. It doesn’t tell me how to preview the AMP version for changes. It doesn’t tell me anything (this is a recurring theme throughout every issue with these documentations they need a MAJOR update).
Thank you!
How do I change all these settings?
Remove the logo from bottom
Update with proper SM handles
And change these icons to black
sorry for all the questions and thank you in advance
Hello!
I checked your website and it seems you solved some issues.
Please check this tutorial where is described every single settings related to AMP and Mobile Theme integration: https://forum.tagdiv.com/tagdiv-amp-plugin-tutorial/
Any settings which you can do for Mobile Theme, you can find in Newspaper -> Theme panel -> Mobile theme.
Hope that helps you!
Thank you!
Sorry but I didn’t get my questions answered.
Mobile theme and AMP are not working as it should yet.
Also I have checked every “tutorial” on the website and they are all limited in information. Tutorials should guide its users not just point features out and set warnings. We’re not all developers =/
Hi,
A could/PRO template can be easily edited with our TagDiv Composer plugin: https://forum.tagdiv.com/tagdiv-composer-tutorial/ ; For example, an element from your header has a row and a column and by selecting the element’s row or column you will have extra settings to can change the position in your header, color, size, etc. Also if you select the element and not the row of the element, you will have also another settings for editing the element from inside the block. All these are presented in our tutorial provided above. Everybody can adjust the elements with drag and drop how they need, sometimes you need to adjust also the sizes to can fit your element in place.
If you set -200px on the left column, your element will be moved 200px to the left direction. If you set +200px on the left column, the element will move 200px to the right: https://www.screencast.com/t/iwT3ochM
My suggestion is to play with margins. Margin will move the element entirely. Padding will only set a gap between: https://www.screencast.com/t/kLG8VTblvA; https://www.screencast.com/t/aL7eKZngwz
If you follow the steps which are presented in this tutorial here: https://tagdiv.com/how-to-increase-page-loading-speed/ you’ll be able to increase the speed of your website.
Also, to increase the page speed you can check these similar topics for more solutions:
– https://forum.tagdiv.com/topic/optimize-script-to-improve-site-speed/
– https://www.infophilic.com/get-almost-100-pagespeed-newspaper-theme/
– https://forum.tagdiv.com/topic/a-few-tips-for-newspaper-x-speed-high-cpu-usage-issues/
– https://tagdiv.com/how-to-increase-page-loading-speed/
Mobile – Displays content using the Mobile Theme on small screen devices (no AMP)
Mobile+Amp – Displays content using the Mobile Theme on both mobiles and AMP
AMP – Uses the responsive version of the theme on small screen devices and Mobile Theme only on AMP.
How to set the footer for Mobile Theme? If you access Newspaper -> Theme panel -> Mobile theme then you will find some setting which you can change in Mobile Theme version because The Mobile Theme is a performance optimized theme included in the Newspaper main theme and it loads only for mobile devices. It comes with its own templates for page, post, category, etc so your current templates from the desktop theme will get converted to the mobile theme layout. For more details, please take a look here: https://forum.tagdiv.com/the-mobile-theme/ ; So, in the end we can see that you can not change the Mobile Theme so much, you can upload a logo but you can not modify it to adjust in place with TagDiv Composer plugin how you can adjust in other cloud templates. If you want to create mobile pages, then you don’t need Mobile Theme installed and you need to assign the templates. Also, if you want a responsive version of your desktop into devices, then you need to deactivate Mobile Theme and the responsive version will display automatically.
Some words from your website for example: Follow us, search you can change it from Theme panel -> Translations, or when you edit the element with TagDiv Composer and there can be a setting with a field and you can change the title.
If you will don’t find a setting to change a color, then the last option is to insert a custom CSS in Theme panel -> Custom code which can change your design from your pages.
I hope it helps!
If I passed a question or an issue you didn’t solve yet, then please provide more details about it to understand what you need to edit exactly and help you efficiently.
If you can’t manage to deal with some settings or issues you can also contact us via email and provide wp-admin and Cpanel access so we can investigate the issue. Let us know and we will gladly assist you.
Thank you for your understanding!
Thank you for those new links they are more helpful. Unfortunately I gave up and paid a developer $$$$$ to fix my issues. The site is working well now but I do want to fix something small if you see attached.
I would like like to change the category tag color from black to #801A86 with white text
Also, there is no option to remove author’s name from the settings.
I just want the date of the post with no author.
Also lastly. The front page grid is based on latest posts
And the bottom grid is also based on the latest posts. Is there a way to customize these sections? I’d like the top to be the latest while the bottom grid to be the most popular.
Thank you
Hi!
One solution could be to change the settings from theme panel like this for the tag color:https://prnt.sc/106u6ps
and for removing the author like this: https://prnt.sc/106u7mf
You can find only some settings to customize Mobile Theme if you access Newspaper -> Theme panel -> Mobile theme.
Hope that helps you!
Thanks!
My settings on the website are already set but the mobile isn’t reflecting the same
On my site I have removed author and have changed the category tag color to purple for all of them. But on mobile theme it shows black category and the name of author like this photo. And there is no option I see that allows me to change this. It should be in the mobile theme settings but it isn’t?
Is there a code I can use to:
Remove author
Change category to purple #801A86 and text to white
and where should I place it.
Hi,
Please send an email at contact@tagdiv.com and provide wp-admin, so we can investigate this issue. Also paste a link to this topic so we can easily identify you.
Let us know and we will gladly assist you.
Thanks!
Hello tagdiv team, I am having a similar issue with the header when AMP plugin is on but Mobile Theme plugin is deactivated.
THe description is really not helpful for non-developer but abit aware on how blogging works. This should be updated with definition on each terminologies. Which one should I select if I want only amp mode displayed (not mobile theme, or responsive dekstop theme) when people google my site from their smartphone?
“Mobile – Displays content using the Mobile Theme on small screen devices (no AMP)
Mobile+Amp – Displays content using the Mobile Theme on both mobiles and AMP
AMP – Uses the responsive version of the theme on small screen devices and Mobile Theme only on AMP.”
Hello @achmadsya!
From my point of view, if you don’t use the Mobile Theme plugin, then there is no reason or benefit from AMP.
Check our documentation about this plugin here:
https://forum.tagdiv.com/tagdiv-amp-plugin-tutorial/
Thank you!
