- ApiPractical example – How to add a new Block and Module
- ApiAPI – Smart Lists – Introduction
- ApiAPI – Category top section style – Introduction
- ApiAPI – Category top section template – Introduction
- Apitd_api_module::update
- Apitd_api_module::add
- ApiAPI – Modules – Introduction
- ApiUsing the Theme API in plugins
Hi
I just want the mobile version to be responsive of the desktop them automatically and carry over the current style. Thats all
I also do not have this mobile view port option showing anywhere in tag dvi
Hello
This is not quite what I was looking for. I know about the versions
I just want mobile to show the same as desktop by default. But when Looking at the mobile phone it keeps showing the default header
Hi,
About the ads on mobile. Normally those should look like this https://i.imgur.com/do4tpAV.png there is set by default on mobile content 20px left/right padding. But in case that this is snot apply, then you can try other methods, for example select the ad box and set in css tab some margins -> https://i.imgur.com/gRQSVH3.png or set the adsense code in a div like this -> https://pastebin.com/m2jQfFfN
I hope this will help you!
Hi Oliagri7, do you have set a header on that page/template? We discovered that there is a problem, when there is no header on the page/template, then the mobile menu remains one -> https://i.imgur.com/Ls6uzGi.png
If is so, then please set a blank header from cloud and set the menu on it (the header can set as global or individual per page/template).
In case that there are still some problems, you can contact us via email!
Thank you!
Hello @mgiannelis!
We have 3 options of mobile versions that you can use:
1. Responsive version: A responsive version of your website is looking similar like on desktop, edit the page with TagDiv Composer, click on the mobile viewport: https://www.screencast.com/t/XDQJedlggSB ; there you can see your mobile version and you can edit the elements there.
2. Mobile pages: https://tagdiv.com/newspaper-10-3-7-update-brings-customizable-and-fast-mobile-pages/
3. Mobile theme plugin: 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/design 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/ and https://forum.tagdiv.com/mobile-theme-introduction/
A full explanation you can find here: https://www.youtube.com/watch?v=SpGkOnJeNZY
You can choose to use which one is more affordable and useful for you.
Hope that helps you!
Thank you!
Hi,
I see that you have the mobile theme plugin and this is disable on homepage.
Do you want to use the mobile theme plugin, the responsive version or the mobile page template?
If is the mobile theme plugin, then you need to have this plugin enable and to make sure that the mobile theme is not disable on posts/pages -> https://i.imgur.com/99d1c2n.png
If you want to use the responsive version or the mobile page template, then the mobile theme plugin need to be disabled, or it can be only disable on the post/page where you’ll like to be display the responsive/mobile page template.
Thank you!
Hi mgiannelis, please try to not reply multiple times in the topic if possible, this will only delay our response. Replying multiple times will refresh the topic date and move it to the back of the line, we answer from oldest to newest.
Our theme do not interfere with the admin bar, so I think that something else it is causing that problem.
About the mobile header, this is a different menu from desktop, but it can be adjusted using tagDiv Composer.
For example if you are using the responsive version, edit the homepage and set the mobile view port -> https://i.imgur.com/jdvm7qK.png
If you are using the mobile page template, then you can edit it from here -> https://prnt.sc/AkFGijSVZV10
I hope this will help you!
Hi,
So you’ll like to have the mobile theme set, but instead it is display the responsive version. For this all you need to do is to have the mobile theme plugin enabled and amp (if you want to use the amp), in case that you are using cache plugin you need to make sure that the mobile support is enabled (the cache for mobile version).
Another thing that you need to do is to make sure that you didn’t disable the mobile theme from page/post, so if a page looks like responsive version, click to edit it and check the mobile theme options -> https://i.imgur.com/T0kyeMi.png
I hope this will help you!
Let us know the results!
Hi,
I thin that the best solution for the moment will be to use a custom css
.td-menu-mob-open-menu .td-menu-background, .td-search-opened .td-search-background {
opacity: 0.5;
}
Please set this code in the theme panel > mobile theme > custom code> css.
I hope this will help!
Let us know the results!
Hi,
Can you please provide a link to a post that it is not looking correctly on mobile and please let me know how you’ll like to be.
If you are using the mobile page template, you can adjust with tagDiv Composer the mobile template to look like you want -> https://prnt.sc/S3AC97PXP9tW
Also, please notice that if you choose to use amp, the layout will change to a classic layout and that one have only a few settings.
Thank you!
Hello
I have setup a test staging site before cutting over to live.
I have a problem. The desktop version and mobile version are both showing different headers. I don’t have the mobile plugins installed so my sites should be showing the same version.
Can someone please advise on this
Hello,
Since my problem is not resolved yet with the two-click punishment I have some questions to you. I use In-article responsive ad sizes on my article posts (single post theme) and I insert them on the Ad placement from the single post content Ads option.
I copy+paste the code that Adsense gives me for the In-article responsive ad without doing any changes. My problem is that the ad is expand use the full-width on the mobile page, like here: https://i.imgur.com/6z06cLF.png
I spoke with somebody and he told be this could be also a problem, and I should resolve this with the theme (some setting with the div).
Basically I want to set to show like here (these to examples are my friend website, he pasted the adsense code on his site and appeared like this:
https://i.imgur.com/HVM0jbZ.png
https://i.imgur.com/Wuoipra.png
Also in the Adsense example shows this example, with the margin between the ad and the site margin:
https://i.imgur.com/VgTuNSX.jpg
How can I set this on my site/theme? Is there any option? I use the Single Post Template 2.
Thanks.
Hi @Bettina
I appear to have a similar issue to @Eighthats. when I select the desired menu for the mobile menu on my site in the tagdiv editor, it won’t save. Other CSS settings for other elements elements in the mobile view, and even other settings under the “General” tab of the mobile menu element save just fine, the issue appears to be isolated to the “select menu” drop down of the mobile menu element. I’ve tried fully disabling my cache plugin and the problem persists.
Any ideas?
Cheers,
Oli
Thanks Calin,Yes this is how its supposed to be. I was able to get the ways its supposed to be done through one of your videos.
However I noticed that each time I click on a post on the mobile, the post pens in the settings of desktop and not mobile, How can I override this. So that post opened on mobile will also be on mobile page settings
Is there anyone around to answer my question?
Why can’t I get my site looking with the same header on mobile? It is showing as the standard covid logo for some reason. I dont have mobile pages installed
Hello! I completed all the steps, but it only works for 5 minutes, i saw the tutorial video, followed all the steps, also read the documentation but it just doesnt works, the mobile page show look like this
but it looks like this
I dont have mobile plugin installed. But still site shows standard header on mobile.
I am having so many issues
Two different versions of site.
Admin bar keeps going missing all the time and now I cannot get it back at all. Admin bar is turned on and also forced with CSS
Getting close to refund
Hello
I have setup a test site here https://www.techpressmedia.com/techbusinessnews
I have things getting close to the way I want then to be. However, I have just discovered the header is different and showing a different standard template version. Is there something I need to do to give mobile the same header template as the desktop site?
I just checked your website on 2 mobiles using android and for both the mobile menu on amp is without transparency -> https://i.imgur.com/BdNXqzm.png -> https://i.imgur.com/6zXcF5g.png
If for you it looks different, then maybe you have some cache on the mobile browser.
Same problem here. Mobile menu doesn´t show up on 11.4.2.
Hi guys,
We cannot create a template on the product page with your composer. Other pages did work. Is there a way to solve this?
When we press the button in the header to edit it create a template. Nothing happens. Checked the console. No errors there.
Also..
How can we use the same template for the standaard shopping page and category pages. They are different now and this is very annoying, especially because this page https://www.racesport.nl/shop looks different on mobile (don’t have products on the smallest screen size) and CSS is not being used which i filled in).
Different then this page https://www.racesport.nl/kleding/
This last link/page works how we want. The https://www.racesport.nl/shop doesn’t work correctly and we’re not able to get this page to work the same as /kleding/.
Also still having issues with creating a template for the product page. As you can see, it looks awfull: https://www.racesport.nl/unisex/1n23456/. On this page WP Bakery is being used in the regular description field, but i don’t want to use this because this needs allot of effort with filling in all the products. I want to use a template which i could build or download as a standard template from your composer, but this button doesn’t work at all.
Hi @Calin,
As discussed with @bettina this has no effect on the transparency and only adjusts the gradient. It’s been set on the theme panel > mobile theme > theme colours at 0.1 but still the menus display without transparency while the gradient seems to change fine.
Is there a separate option make the menus transparent? At the moment, they are NOT transparent as they should be.
Thanks!
Hi,
I answered you on this topic https://forum.tagdiv.com/topic/mobile-menu-settings-css-not-saving/ please check it.
Thank you!
Hello,
1. For the mobile menu you need to set a menu that you have created -> https://i.imgur.com/8V5VplB.png
For header categories list will display all categories that you have on the website. -> https://i.imgur.com/83iBJa0.png
2. The list is displayed from Posts -> Categories, so you can’t change the list -> https://i.imgur.com/Lpf496f.png > https://i.imgur.com/fkcg524.png
Thank you!
