- NewspaperThe Newspaper Mobile Theme: Introduction
- NewspaperThe Mobile Theme
- NewspaperMain Menu
- NewspaperHow to Add a Logo in Newspaper
- NewspaperBig Grid Flex Settings
- NewspaperHeader Builder
- NewspaperFont Customization
- NewspaperTheme Colors Introduction
- NewspaperBackground Introduction
- NewspaperHow to Install Newspaper via FTP
- NewspaperHow to Install Newspaper via WordPress
Hello laurena86,
You can try the code below and place it in Theme panel->Custom CSS area.
@media (max-width: 767px){
.td-header-main-menu {
height: 120px;
}
}
@media (max-width: 767px){
.td-main-menu-logo img {
max-height: 100px !important;
width: 200px;
top: 60px;
}
}
@media (max-width: 767px){
.header-search-wrap .td-icon-search {
padding-top: 35px;
}
}
@media (max-width: 767px){
#td-top-mobile-toggle{
top:35px;
}
}
The result -> http://screencast.com/t/BqesKyKxQI
Thanks.
Hello vachos,
Regarding on your firs request, please notice that above I gave you a solution in this regard, like this -> https://forum.tagdiv.com/topic/megamenu-exclude-2nd-level-subcategories/ and for your second request, if you want to have another menu on mobile you should use the mobile theme plugin because this allows you a way to have another menu than your desktop version, like this -> http://screencast.com/t/gtK4Ya0kns8.
Thanks for the message!
hi thanks for reply,
so you can not give me some simple modification to dont show the second sub catergory?
maybe its more simple to load different menu in mobile can i do that with simple code?
thank you for your time
Hello vachos,
If you want to change the structure of mobile menu, you should check the theme core files and make some adjustments through the code in order to achieve as you wish. As a hint, you should edit the following core file, like this -> http://screencast.com/t/Z9OIDUc0b. Notice that it is not a simple task and if you are not aware of the steps which are needed to take in this regard, please consider hiring a freelancer/developer to help you because we cannot provide custom work at the moment, sorry!
Thanks for the message and for your understanding!
Hello,
It seems your mega menu does not show up on the mobile theme, but you can simply create the menu that you want as the mobile theme uses a different menu than the normal one. You can create your own menu and add the mega-menu child categories as a simple drop-down menu without using sub-categories: http://screencast.com/t/xVKsg0w2lZS
If you still have trouble with the menus, please contact us via email at contact@tagdiv.com and provide wp-admin so we can login and investigate this issue.
Thank you!
hi again, how can i do the same thing in mobile menu?
menu show only category and sub cateogry deep 1?
thanks
Hello,
I am using Newspaper v6.5 on my website.
URL – http://www.naukrinama.com
I have recently started to experience a problem on my website. A horizontal scroll is coming on the mobile website.
I have tried to check the settings of my mobile menu and it all looks fine to me.
I tried disabling all plugins and then checked the site but still the problem persisted.
The issue is coming on all pages Home, Category and Article Detail Page.
Please let me know how to fix this.
Hi, I tried all the CSS mentioned above but the top header menu I see on my desktop site still doesn’t appear on mobile. The URL is http://a-sk.com/en. What am I missing?
So the Main Menu on our website, http://www.Savvyzen.com does not fit across the entire screen. As you can see on other websites
http://www.apple.com
http://www.stevepavlina.com
Their colored menu bar with their drop down categories extends across the entire background of the screen, there are no margins on the side. How do I create this for our website? In the “mobile” version the main bar fits across an entire phone screen. I don’t understand why this doesn’t happen when looking at our website from a computer?
Also, why do the posts on the main page have a white background? As you can see, the main background is a light green color but the actual posts (see the fake post about janu sirasana on the main page) all have a white block of background. How do I change the background color for the posts? Thanks.
Hi,
You will have to order them by slug also here – http://screencast.com/t/OGVt0Cvcv and it will be reflected also on mobile menu – http://screencast.com/t/yoEyGLqIEor0
Thanks!
Hi,
Thanks Chris for your great help! You have the crown!
@tricell Most probably a plugin conflicts with the theme’s javascript and that’s why you get this issue with mobile menu. I suggest to disable all you plugins except Visual Composer, clear all you caches and purge your files if you use CDN and check again if it the issue persist. If it works please enable your plugins one by one and see which one cause this problem and disable it or try to find an alternative.
Thanks!
Hello, We use the below method for ordering mega menu items on our site, but this method doesn’t work on mobile. We can’t order menu item with this method on mobile menu.
Could you help us if its possible to make it with the same or another method? Thanks a lot.
Normally we use order by ‘slug’ method which you mentioned another post.
THIS THE POST OF YOUR METHOD.
Regarding your second request, this is the order of the subcategories(alphabetical). There is not option to change this from settings, but you can modify the code, just add this order in td_block_mega_menu.php file â http://screencast.com/t/1Kk6ybz4C so you can order subcategories by slug â http://screencast.com/t/NpeWAblc â http://screencast.com/t/hOubcKikgUE
‘orderby’=>’slug’
A new issue has popped up after changing the lazy loading settings. The mobile menu does not work!
How i can add content on pages in mobile theme? For example: If I have the menu page sport, I would love to be there all the articles from the category sport.
pic1: https://postimg.org/image/l9audqfex/
pic2: https://postimg.org/image/n49vudbff/
I know that i cant use shortcode, but i need something like “Latest Article”(on homepage-mobile theme) on other pages, but to be of a certain category.
Thank you!
Hello,
We are receiving a Javascript (jquery) error inside of tagdiv_theme.min.js (line 165) that applies only to small-screen devices.
The website does not load images on mobile devices and does not allow the menu to work.
We have reinstalled WordPress, deleted and reinstalled all plugins, disabled all plugins, cleared caches, reintalled the latest theme and nothing is fixing the issue.
Also, since day one of installing the theme, when the website is refreshed on any device, it loads the original content from day one launch. So one year later, it displays the correct content, but when refreshed, the old content appears, including posts/site design/menu.
Please advise.
We also request you make this support request private.
Hello can you help me?How to move logo mobile version from menu? But I need change logo mobile version to header. Not together with menu. How to for change this logo?
Hi Bogdan, thanks so much for your thorough reply including all the screenshots. I did eventually get the ad working in the sidebar via the theme panel Ads section – I think even though I was deleting cache after each try it may have been a caching issue.
I also got it working on mobile but it did not work when I placed the script in the head tag of child theme > mobile > header.php – I had to place it in the original theme mobile header file. Oh well, it is showing up! I will re-add the code when there is an update.
One more funny thing, do you know what the empty black bar is at the top of the mobile site above the logo, menu and search header? screenshot: http://www.screencast.com/t/gjJfA0VzAe
Thanks so much. I’m loving the theme đ
Hi guys, we’ve been informed by someone accessing our site that the homepage is loading straight into the mobile menu on a desktop machine with no obvious way of minimizing it and viewing the site… We’re both viewing the site on Chrome and I’ve never had any issues, is it likely that some sort of AdBlocker on their machine is causing the issue? or would viewing the site through a remote desktop platform that was perhaps blocking some scripts from running cause the problem?
Thanks
Matt
Thanks Bogdan, as per that topic instructed , i just need to remove this line only from all those 4 td_top_bar_template php files –
locate_template('parts/header/td-login-modal.php', true);
from this code :
<?php if (td_util::get_option('tds_top_bar') != 'hide_top_bar') { ?>
<div class="top-bar-style-4">
<?php locate_template('parts/header/top-widget.php', true); ?>
<?php locate_template('parts/header/top-menu.php', true); ?>
</div>
<?php }
locate_template('parts/header/td-login-modal.php', true);
?>
So that final code will look like following ?
<?php if (td_util::get_option('tds_top_bar') != 'hide_top_bar') { ?>
<div class="top-bar-style-4">
<?php locate_template('parts/header/top-widget.php', true); ?>
<?php locate_template('parts/header/top-menu.php', true); ?>
</div>
<?php }
?>
will doing that also remove the login codes form the mobile theme plugin ?
I think it wud be best to remove it from mobile theme plugin too for our site …for that which files codes will i need to edit & remove ?
Thanks
Awaiting reply
Regards
Hello kaidensharma,
I guess that you want to change the header color background to your mobile mode, right? Please try the code below and place it in Theme panel->Custom CSS area.
The code is ->
@media (max-width: 767px){
.td-header-wrap .td-header-menu-wrap-full, .td-header-wrap .td-header-menu-wrap, .td-header-wrap .td-header-main-menu {
background-color: red!important;
}
}
The result is here -> http://screencast.com/t/spOiDFnXxE
Hope this helps!
Thanks for the message!
Hey there,
my website is http://kaidenworld.com
i have re-defined some elements using css… now i want to change the header colour in the mobile version as it is overlapping my logo colour but i am unable. can anyone help?
Hello ks2355244,
Unfortunately, the mega menu has not been designed to be used to mobile mode, sorry! Notice that feature has been designed to be used only for tablets and desktop. Notice that it is not a simple task to implement this feature and if you are not aware of these settings in this regard, consider hiring a freelancer/developer to helps you because we cannot provide custom work at the moment, sorry!
Thanks for the message!
Hello Alex,
Notice that it is not a simple task to simply copy and paste the code, sorry! As you can see, we have a lot of demos and each of them has own custom CSS code which can be found in the demo folder, like this -> http://screencast.com/t/ZkfERDa1vAf You will have to do some adjustments through code in order to achieve the same menu to your side. Also, if you want to change the menu for mobile, notice that the theme has not been designed to use another menu style than the existing one.
If you want to display more levels in the theme and if you are not aware of the steps which are needed to take in this regard, consider hiring a freelancer/developer to help you because we cannot provide customization services at the moment, sorry!
Thanks for the message!
-
This reply was modified 9 years by
Emil G.
Hello,
Unfortunately the method provided to add extra links will not work in the mobile menu section. The mobile menu will only pull the subcategories from the mega menu. It is a different implementation. This is the problem with customization. It affects more parts of a website than you realize. That is why customization should be done by someone who has the time needed to think about all the implications a custom implementation has and test it out in all possible scenarios. We cannot provide that unfortunately as we do not have a customization department. Sorry but there is no simple way to alter the mobile menu in order to pull the extra links.
We try to help out where we can but when the customization gets time-consuming, we cannot afford to test out the possible outcomes and provide solutions. We suggest hiring a freelancer for this from sites like studio.envato.com.
Thank you!
Hello,
The background for the mobile menu is in the theme panel. If you want to add a background image it can be added here: http://screencast.com/t/Dj1Rn8RW
The background colors can be added from the colors section here: http://screencast.com/t/JnLqnUpg
Thank you!