- NewspaperThe Newspaper Mobile Theme: Introduction
- NewspaperThe Mobile Theme
- NewspaperModules Builder in Newspaper Theme
- NewspaperFilters and sorting for taxonomies
- NewspaperHow to Add a Logo in Newspaper
- NewspaperBig Grid Flex Settings
- NewspaperHeader Builder
- NewspapertagDiv AMP Plugin Tutorial
- TutorialsFrom WPBakery to tagDiv Composer
- NewsmagSmart list ads
- NewspaperNewspaper theme documentation
- NewspaperBest Of Forums
- NewspaperCache plugin – install and configure
- NewsmagIntroduction
- NewsmagMain menu
- NewsmagLogo & Favicon
- NewsmagHeader ads
- NewsmagSmart sidebar
- NewsmagSharing buttons
- NewsmagCategory tag on modules/blocks
Hi there,
On my blog emprunter-malin.com, I am trying to change the mobile menu background color in #ffffff but I cannot find the code line to do so, please refer to this short VDO : http://www.screencast.com/t/SM8WY0F5chr.
Could you give me the code line ?
Thanks in advanced :).
hey guys.
first problem or problem but my client would love the height to be changed to like half the height size that big grid full 4 is. https://i.imgur.com/dP2o6nT.png I did it. so it was half the size. but lots of little details didn’t show up just right and didn’t look right on mobile/tablet.
so could someone show me the right CSS to make it right, with image, and text for desktop, tablet so on
the second problem we today saw is that the share button is missing
https://i.imgur.com/ikZFRhq.gifv
what to do there :D?
thanks again and have a lovely day
Hello.
Help is needed!
When you activate the plugin “Mobile Theme”
I get 500 error when browsing from mobile devices
The quotes you see is basically the post title. So the way to look at this is to think of the news ticker as it already is.
So my question is…if I limit the news ticker to show 1 post only, how can I make it possible for the full post title to show when viewed on mobile devices… because currently, some part of the title is cut off.
That is the sidebar you are seeing on mobile with the child with glasses: https://www.screencast.com/t/sYN5GdxotW6 how was it deleted when I can still see it on both desktop and mobile?
The footer is the same on both desktop and mobiles.
You seem to have a caching issue. That is why you cannot install wp super cache. Please try to install it on a wp default theme like twentysixteen and see if it works there.
Thank you!
The code provided by Bogdan seems to have worked, the space is reduced like you wanted. If you want to completely remove it on mobile while leaving it as it is on desktop, there is a solution.
First move the code from the Custom CSS section in the Advanced CSS->Desktop. Then enter this one in the phones CSS section
– https://www.screencast.com/t/1laavicz
.td-main-page-wrap {
padding-top: 0;
}
The result will be no change on desktop, while on mobile the padding will be 0
– https://www.screencast.com/t/DFVmixMo
Thanks
Hello lukehodge,
You sohuld try using a bit of CSS code if you want to change the size of your logo.
The code is ->
@media (max-width: 1140px){
.td-main-menu-logo img {
max-width: 250px;
}
}
@media (max-width: 1140px){
.td-main-menu-logo img{
max-height: 60px!important;
}
}
Notice that we do not recommend to increase the size of that section because the logo can be easily broken. I suggest to load another logo size for the mobile version from Theme panel, clear all the caches and check the results. If you will check our demo, you will see good results in this case.
Thanks for your understanding!
Thanks Bogdan. It solved the problem of mobile version. There is another problem. When I log in to the dashboard using the url …../wp-admin/ it shows error but if I try …../wp-admin/index.php it works. When I use other themes instead of Newspaper …../wp-admin/ works again.
Hii… My blog https://irfan.id/ use “Infinite Load” at home page. My qusetion is, can I disable “Infinite Load” for mobile view, so the “Infinite Load” only work for desktop only?
Thanks
Header AD is missing on mobile phones and I don’t use mobile theme
[Updated the answer, read this not the one above]
1) How can I change the square to another shape, for example to make it rectangle.
This is a screenshot about the squares I was saying. https://ibb.co/drp8Jb
2) I was having a problem with social sharing buttons.
After I changed the height in
.td-social-sharing-buttons
form 40px to 33px and also the padding to fit, see the how they are displayed -> https://ibb.co/nONvyb
*Note: this is a problem only for mobile & tablet devices.
*Note 2: In mobile device simulator they look OK, when I see in a real smartphone, they do not appear as they should.
I wanted to know your thought about mobile simulator, can I trust them or is any problem with my smartphone?
I used the code below to correct it. I wanted to know your thought if it will work in every smartphone device?
@media only screen and (max-width: 767px) {
.td-social-facebook .td-icon-facebook {position: relative; top:-4px;}
.td-social-twitter .td-icon-twitter {position: relative; top:-4px;}
.td-social-google .td-icon-googleplus {left: -2px; position: relative; top:-4px;}
.td-social-pinterest .td-icon-pinterest {position: relative; top:-4px;}
.td-social-whatsapp i {position: relative; top:-5px;}
.td-social-facebook .td-social-but-text {position: relative; top:-5px;}
.td-social-twitter .td-social-but-text {position: relative; top:-5px;}
}
[last answer reply]
1) This is a screenshot about the squares I was saying. Question 2 above.https://ibb.co/drp8Jb
2) I having a problem with social sharing buttons.
After I changed the height in .td-social-sharing-buttons form 40px to 33px and also the padding to fit, see the how they are displayed -> https://ibb.co/nONvyb
*Note: this is a problem only for mobile & tablet devices.
In mobile device simulator they look OK, when I see in a real smartphone, they do not appear as they should.
I tried the code below but nothing changes
@media only screen and (max-width: 767px) {
.td-post-sharing-top .td-icon-facebook {position:relative; top:-4px;}
.td-post-sharing-top .td-icon-twitter { position:relative; top:-4px;}
.td-post-sharing-top .td-icon-googleplus {position:relative; top:-4px;}
.td-post-sharing-top .td-icon-pinterest {position:relative; top:-4px;}
.td-post-sharing-top .td-social-whatsapp i { position:relative; top:-4px;}
.td-post-sharing-top .td-social-but-text { position:relative;top:-6px;}
}
-
This reply was modified 8 years by
abc.xyz.
Thank you for the quick replay, however mobile is still not showing the correct site. On the mobile version, you will see an image of a child with glasses at a desk with a title “Better Grades”. This image was deleted and is not present on the desktop version. In addition, the desktop has a live Twitter feed which is not displayed on the mobile – when it should be. Also, you will notice the footer is different.
I am trying to add the Super Cache – which is recommended by TagDiv, however I am getting the following error: Fatal error: Cannot redeclare wp_cache_postload() (previously declared in /nas/content/live/mainstreetrock/wp-content/advanced-cache.php:1022) in /nas/content/live/mainstreetrock/wp-content/plugins/wp-super-cache/wp-cache-phase2.php on line 298
Could this be causing the error? And I do not have another cache plugin so I know it is not that. In fact really the only plugins I have are from Tag Div Newspaper. Thank you so much for your help!
Hi,
As mentioned by Bogdan, mobile page content has to be entered in the Mobile editor, for each page
– https://www.screencast.com/t/p0bC2TV1kJ
The page builders cannot be used on mobile pages.
Note that this plugin is not required, if you want to display the same content from desktop on mobile and not create two versions, deactivate it. The main theme is fully responsive, the website will adapt to each device.
Thanks
Hello,
I am using the news ticker element to show quotes. This is how I have implemented it–> https://ibb.co/h8e7bw
This looks okay on desktop, but on mobile, some part of the quote is cut off… like this–> https://ibb.co/fTDQww
1. What changes do I have to make so that the full quote shows on mobile?
2. Is there a better way of achieving this using current theme capabilities?
NB: I did not start building the site from a demo.
Thanks Bogdan, the css worked for the reduction.
You can view the website at https://seemslegit.com.au/ and I would like to remove the now thinner bar of white space between the main menu/logo and big grid when you viewing on mobile devices if possible?
Hello,
I am using de BookClub demo, and since yesterday my logo on mobile was aboce the main menu.
Yesterday i uploaded a new logo with borders, and now it appears in the main menu. How can i change this ?
Thank you, and excuse my english i’m french !
Emilie
Hi,
@karaferwerda Simply disable the mobile theme plugin, then the same content from desktop will appear on mobile devices. The mobile theme plugin is not required, it is meant to be used when you want to display a different and simpler version of the website on mobile.
When used, content for pages has to be added via module editor
– https://www.screencast.com/t/eiqI3zTT5De1
– https://forum.tagdiv.com/the-mobile-theme/
Page builders cannot be used on mobile pages.
@crystalfox I believe you are referring to the mega-menu, this is not difficult to achieve. There is a guide you can follow
– https://forum.tagdiv.com/mega-menu/
Either create a mega-menu without sub-categories, or with sub-categories.
Let us know if you have further questions.
Thanks
Hi,
Seems that one of the inputs (the username input) is not displayed, only the password field appears. After inspecting the issue I see that the inputs and labels used by the theme are replaced by a different CSS (maybe by a plugin or custom code) One of the inputs is set to invisible and also the design is affected.
I could give you a code to fix this
– https://www.screencast.com/t/mX5z0uVbQQNm
– https://www.screencast.com/t/oGMycGbzi
Enter the code in Theme panel->Custom CSS
#td-mobile-nav .td-register-section .td-login-input,
.mfp-content .td-login-input:invalid {
display: inline-block;
}
.td-login-inputs label {
padding: 0!important;
}
Thanks
Hello,
Sorry but the theme does not have such a feature available. The mobile version will show as many elements as it can based on the width but even 1 pixel even if not distinguished by the human eye can hold back a menu item from showing up in the filter. Sorry but there is no simple way of adding another item in the ajax filter.
Thanks.
Hi
I need to get this layouts for the header (Mobile and Desktop) Take a look at linked images below
How I can reach this results?
I tried any combination but with header 4, 5 and 9 the logo is too small
Can you help me?
Thanks
Fabrizio
http://www.il-tuo-sito.it/IMG/HEADER-DESKTOP.jpg
http://www.il-tuo-sito.it/IMG/HEADER-MOBILE.jpg
Hello,
You forgot to clear cache afterwards. It has now been cleared and the responsive version is activated on your mobile site.
Thank you!
Hi,
The issue with the mobile plugin menu functionality could be caused by plugins, theme modifications or customization, these are to blame in most cases. I would suggest as a quick test to deactivate all non-theme plugins, then clear all caching. Check if the mobile plugin works as it should.
The theme will count the post views by actual page views, each time the page is viewed it will be added to the counter. Try refreshing the post page and check if the number changes accordingly. If you have caching then enable this option in the theme panel
– https://forum.tagdiv.com/ajax-view-count/
Thanks
Hello,
The mobile theme features a separate menu. It will appear in the locations section of wordpress: https://www.screencast.com/t/0eTPS73w
As for the page content, you have to create separate page layouts using the second mobile editor now available on the page edit in the back-end.
Please read this guide: https://forum.tagdiv.com/the-mobile-theme/
Thank you!
Hello zielmedien,
You should use a bit of CSS code to hide it from mobile devices. I need to know your website URL so I can take a closer look at your website and also, so I can provide a more accurate code. Also, you can provide some useful screenshot with your problem.
Thanks for your understanding!