- NewspaperThe Newspaper Mobile Theme: Introduction
- NewspaperThe Mobile Theme
- NewsmagMain menu
- NewspaperMain Menu
- NewspaperHow to Add a Logo in Newspaper
- NewspaperBig Grid Flex Settings
- NewspaperHeader Builder
- NewsmagIntroduction
- NewsmagLogo & Favicon
- NewsmagBackground introduction
- NewsmagTheme colors introduction
- TutorialsWhat is Ajax preloading?
- NewspaperFont Customization
- NewspaperTheme Colors Introduction
- NewspaperBackground Introduction
- NewspaperHow to Install Newspaper via FTP
- NewspaperHow to Install Newspaper via WordPress
the problem with the menu bar at the ipad is because of the sticky menu. when you deactivate the sticky menu is ok.How i can fix this. what about the problems with the mobile version?
Hi Bogdan,
I turned off WP Rocket plugin and things turned normal in case of Menu bar.
https://forum.tagdiv.com/topic/mobile-menu-not-working-properly/
But the issue Main Post Hover Turning white is still seen even after using custom css.
Please advice.
Thanks!
Hi there,
Mobile Menu is completely collapsed(try open and close).
Kindly advice.
Thanks!
hi, i did look in to the forum and try out all the code about showing the login on mobile device, but still cant get it to work, i do understand the code have to put in under theme panel> custum CSS and the code is
@media (max-width: 767px){
.td-header-top-menu {
display: block!important;
}
}
@media (max-width: 767px){
.td-header-sp-top-menu{
left: 15px!important;}
}
@media (max-width: 767px){
.td-header-sp-top-menu .td_data_time{
display: none;
}
}
but it still didn’t work, the website address i am working on is http://www.scooptw.acsite.org/
can you plz help me out
thank you
@andrei_luca. The big code you provided is not working- can you help me with the code?
Unable to get top bar menu aligned in a center for mobile. Its just start from left.
Thank you very much! Helped! But in the future well to the mobile version the possibility of all the menu was available.
Hi – We are using Newsmag for our website: http://www.inspirelle.com. I just noticed an issue with the Menu bar — hen I look at our menu bar on my iphone 6 plus, the second level subcategories are appearing but not some first level subcategories!
For example under INSPIRE, Health/Wellness and Portraits (first level subcategories) don’t appear, but the second level subcategories of Culture (Books, Exhibitions, Music) do appear.
We need the first level subcategories to appear and NOT the second level ones. Also, the second level subcategories are appearing at the same level as the parent category. We would like for there to be differentiation.
For Example:
under INSPIRE, we should see the following in the drop down menu:
Culture
– Books
– Exhibitions
– Music
Fashion & Style
Health & Wellness
Portraits
Sexuality
But what I currently see under INSPIRE is:
CULTURE
BOOKS
EXHIBITIONS
MUSIC
FASHION & STYLE
If the second level are pushing out the following first level subcategories I’d rather not see the second level subcategories on our mobile menu and just see first level subcategories
Is there a way to fix how the child or subcategories appear on the mobile menu ?
thanks for the answer. Very strange that the menu is, but the mobile version does not show it. My website ibcm.biz
We need to show the top menu in the mobile version near the top menu.
Hello vasik,
The mobile version of the theme was not designed to display the top menu. Further customization of the menu is very specific to your case. It depends on your setup. You have to provide more details to how you want it to display and also provide a link to your website.
Thank you!
Hi
By default the theme doesn’t display the top bar on mobile devices but you can use this custom css in theme panel > custom css to display it: http://screencast.com/t/edqs9T92
@media (max-width: 767px) {
.td-header-top-menu {
display: block!important;
padding: 7px;
}
Note that you may need some additional css customization to the layout, as the top bar wasn’t designed to be displayed on mobile devices.
Thanks!
My site has a top menu and the main menu. But in the version of Mobile only visible main menu. How to make visible and the top menu?
Hi,
If you use the default header style(1) the header ad appears above the menu on mobile device. If you add more custom ads bellow the menu, they will show up bellow the menu also on mobile.
Regarding 10 ads in the sidebar, the sidebar was designed to be displayed after the post content on mobile device so the ads will appear after the content(more accurate bellow the comment area). On page depends how you create it, for example if you use 1 row and add blocks there like this – http://screencast.com/t/jQtOPTV2xW The Sidebar will appear on mobile after the last block element from 2/3 column(in my case block10).
You can create your page and check it, just resize the browser window to see how it looks on mobile.
Thanks!
Hi,
The theme ad system was designed to work with adsense code, but you cannot add 2 codes in the same spot if this is what you mean.
A solution to have another ad(code) on mobile device will be to paste your code in a custom ad and use do_shortcode function to place it bellow the menu. I don’t know what header style you use, but for example if you use the default template(style 1) you will have to edit header-style-1.php file something like this – http://screencast.com/t/lNgxrndDO If both codes are adsense you can control the them from Theme Panel(disable/enable on specific devices) – http://screencast.com/t/qpivlfoce – http://screencast.com/t/Zm5sI295oJ If one of them is not adsesne you can use those div containers – https://forum.tagdiv.com/header-ad/
<?php echo do_shortcode('[td_block_ad_box spot_id="custom_ad_1"]');?>
Result: http://screencast.com/t/wRTRcHElUNn – http://screencast.com/t/c8gXY3uDqc
Thanks!
-
This reply was modified 10 years by
Alin [tagDiv].
Hi there,
I see excessive space between latest posts and Footer menu. Please look into ViralBae.com.
The issue can be much clearer on mobile version. Kindly advice.
We are using the ‘default header style’ so that we can put a 728×90 ad to the right of the logo. Works great for mobile as well since the header banner shows up there too. However, we also need to put two banners in the main column under the navigation (see screencap below).
Two questions:
1. Where do we put the ad code so that the two ads under the navigation show up all the time on pages accept when you scroll down and get just the menu?
2. These ‘under nav ads’ also need to show up on mobile devices

Hi
Sorry about that, I provided the right solution but with wrong details. The modification I indicated above disable the sticky menu for desktop, but that remain active for mobile devices.
Thanks for understanding!
Hello Andrei,
i think you didnt get me right. I want:
– Smart Snap on mobile
– WITHOUT having sticky menu on desktop
Thanks for your answer.
Hi,
I see mobile theme has messed up for ViralBae.com.
I’m unable to see logo in menu bar. Also i see it floats only when we scroll up but not down.
Please could you advice.
Thanks!
Hey all,
is there any custom css to make the menu on desktop NOT sticky while using the “Smart snap for mobile”-Option?
Thanks in advance
Hi,
In addition to this code:
@media (max-width: 767px) {
.td-header-top-menu-full, .td-header-top-menu-full .td-header-sp-top-menu {
display: block !important;
}
.td-header-top-menu-full .td_data_time, .td-header-top-menu-full .menu-top-container, .td-header-top-menu-full .td-header-sp-top-widget {
display: none !important;
}
}
How can I add more menu items to the right side of Login/Register item?
Thanks for the great support
Hello,
I have discovered that the mobile menu is not working smoothly after the latest update of IOS with the new safari version.
It refuses to stay fixed when scrolling as it did very smoothly before upgrading!
I have also tested your demo and discovered the same problem there.
Can you verify this problem?
Thank you and keep up the good work 🙂
Hi all,
Here’s what I did step by step to add a custom Whatsapp button:
1. Created a child theme, added an includes/module directory
2. Copied td_module_single.php file from theme’s original location (/wp-content/themes/Newspaper/includes/modules/td_module_single.php)
3. Added FA awesome menu plugin
4. I wanted to keep pinterest but you can delete as well. So, I kept pinterest and below that, I added the following code (before closing div):
<i class=”fa fa-whatsapp fa-lg”></i>
5. Go to custom css area of your theme panel, and add these:
.td-social-whatsapp {
background-color: #60b82d;
}
.td-social-whatsapp .td-icon-whatsapp {
font-size: 24px;
position: relative;
top: 2px;
left: 1px;
}
.td-social-pinterest {
margin-right:8px;
}
@media (min-width: 787px){
.td-social-whatsapp {
display: none !important;
}
6. Voila! Now you see Whatsapp icon only on tablets and mobile – don’t worry if you don’t see it on your desktop.
Good luck
Hi,
We test the theme on actual devices, the emulators are not 100% accurate.
On iPad there’s enough screen width to include the content and the sidebar, the site changes to mobile only on screen width smaller than 768px.
Unfortunately there’s no option to enable the mobile menu for tablets, sorry.
You could use the emulator included in the Chrome browser – http://screencast.com/t/VnWM4ps3LJW
Thank you!
Hello Gadget Friendly,
You have to be careful with these types of modifications as they can create other problems:
Your menu, when viewed on a tablet or mobile phone, gets wacky:
http://screencast.com/t/sbFOZvc4jNf
I’ve patched things up a bit with this code:
.top-header-menu li a {
line-height: 4;}
.td_data_time {
position: relative;
bottom:10px;}
.td-header-style-12 .td-header-top-menu-full{
height: 50px;}
It’s a temporary solution. You have to revisit your code and set it properly because right now things are all over the place.
In order to fix it on other types of screens you have to use media queries: https://developer.mozilla.org/en-US/docs/Web/CSS/Media_Queries/Using_media_queries
I hope this helps and points you in the right direction.
Thank you.