No search results were found in Documentation!
Hi,
I sent support an email with the site link and login details referencing these two issues below.
We are trying to make our site with version 8.6 of the plugin installed more accessible however, we are having the following issues:
1. When tabbing through the site using a keyboard, the navigation links for the mobile navigation which is non visible on the desktop shows up when tabbing. When we tried removing it via the file/code below, we encounter two issues:a) the header navigation styling on the page gets screwed up, b) the navigation does not work properly and the navigation on mobile devices is disabled(not the intention). Is there a fix you can recommend?
/wp-content/themes/Newspaper-child/parts/menu-mobile.php
<!– menu section –>
<div class=”td-mobile-content”>
<?php
wp_nav_menu(array(
‘theme_location’ => ‘header-menu’,
‘menu_class’=> ‘td-mobile-main-menu’,
‘fallback_cb’ => ‘td_wp_no_mobile_menu’,
‘link_after’ => ‘<i class=”td-icon-menu-right td-element-after”></i>’,
‘walker’ => new td_walker_mobile_menu()
));
//if no menu
function td_wp_no_mobile_menu() {
//this is the default menu
echo ‘<ul class=””>’;
echo ‘<li class=”menu-item-first”>Click here – to use the wp menu builder‘;
echo ‘‘;
}
?>
</div>
</div>
</div>
2. When tabbing through navigation on the top menu and header menu, nested links on the navigation are skipped when tabbing. Is there an issue with the tabindex for
Thanks and we appreciate your help with this.
The top menu is not displayed on mobile, it is not supposed to display. It could be made to appear when the mobile theme plugin is not active, if absolutely needed. It would require a code like the following in this case
– https://www.screencast.com/t/kIe6BhRbVTJ
This code can to be entered in Theme panel->Custom CSS section
@media (max-width: 767px){
.td-header-top-menu-full {
display: block!important;
}
.td-header-sp-top-menu {
display:block!important;
text-align:center;
}}
Regarding the thumbnails, when stretching the rows with content the thumbnails will be stretched as well. That is why they appear like that. You can use Full big grids which use larger thumbnails
– https://demo.tagdiv.com/newspaper/full-big-grid-1/
Or try experimenting with the new flex block in which you can select thumbnail size
– https://demo.tagdiv.com/newspaper/flex-block/
– https://www.screencast.com/t/KC4BVGaq
Thanks
Hi, next problem is 🙂
in mobile theme font awesome icons, in menu not working (in normal theme everythink is ok)
the plugin I use is a module recommended by you: Font Awesome 4 Menus
Hi,
The website seems to be still loading when you attempt to use the mobile menu. The menu will be usable after the website loads. For me the website loads fully in a few seconds and the menu is usable
– https://www.screencast.com/t/nLSnxKUGxsN
Test on a post page as well.
There seems to be a 404 on an image on the website. That image could be why the website is taking longer to load. Edit the homepage with the composer and remove the image set as background for this row (click on remove)
– https://www.screencast.com/t/ixLBRac6Rve
– https://www.screencast.com/t/9xOZOZQgI
Let us know if there is still a problem.
Thanks
So on the homepage using TD-Composer, when using Big Grid Full 10 it goes to the width of the column (which I believe is 1000px by default) and is the same width as the menu bar. https://www.post2post.co.uk/
I want this to happen on our category pages as well, however, it keeps going full width. I have tried adding in some CSS code to make it only go to the same width as the menu bar, and it kind of works on desktop, but breaks the mobile pages. Is it possible to do this? https://www.post2post.co.uk/category/article/england/premier-league/
Also: Is there some way to reduce the thickness of the menu bar, it is quite thick at the moment and I would like to add some code to reduce the thickness of it, I can sort of do it, but it breaks upon hovering over the menu items. I’ve tried adding it to all the classes, but I can’t seem to find the right ones.
Thanks
Hello again,
Please disregard #1, it was my mistake. Newspaper folder was wrongly
uploaded through FTP inside the existing Newspaper folder. Fixed it now and
it works flawlessly.
All plugins are updated – Link to website: http://www.lwstaff.com
Mobiles only show one burger menu – the main menu, not the top menu. Please
check http://www.lwstaff.com with a mobile.
As for the thumbnails, again please visit http://www.lwstaff.com and check “From
Steve’s Desk” and “Scheduled On Line Events” categories. It is obvious that
there is an imbalance regarding the thumbnails. Both categories are blog2
layout and autofeed. The “Scheduled On Line Events” posts are created
before the installation of Newspaper. Please check thumbnail creation
because the “Entraining Light” post has the same featured image dimensions
(1920×1080) as “5 Words in Time” yet the thumbnail appears smaller and
blurred. And this happened today when I removed the featured image and set
it up again after updating the post. To me this means that there is a
problem when generating thumbnails.
I have deactivated all plugins except TagDiv Composer but nothing changed.
So, main problems are:
1. Mobiles don’t show the top menu
2. Thumbnails in posts after Newspaper installation appear smaller and
blurred.
Looking forward for your reply.
Nick
Disable untested* plugins, check system parameters (https://forum.tagdiv.com/system-status-parameters-guide/) and try again.
* Tested Theme plugins
Required plugins:
TagDiv Composer
Optional plugins:
These plugins are installed from the /plugins folder under the main theme package
Visual Composer
Revolution Slider
tagDiv Social counter
tagDiv Mobile theme
Recommended plugins:
WordPress SEO – SEO plugin
WP Super Cache – caching plugin
Contact form 7 – used to make contact forms
WooCommerce – eCommerce solution
bbPress – forum plugin
BuddyPress- social network plugin
Font Awesome 4 Menus- icon pack, supported in the theme menus
Wp User Avatar – Change users avatars
Jetpack – plugin with lots of features *it may slow down your site
Hello rhodezman,
Sorry but notice that the only way, in this case, is Mobile Theme. The theme does not have another option to change the menu for mobile, sorry!
Thanks for your understanding!
Hello,
I have checked your mobile menu but it seems to work fine. Please check again as I cannot see the issue.
Thanks
Hi there!
I would like to have a separate menu in mobile. However I don’t want to use the mobile theme since it seems I would have to design all the visual composer built pages from scratch to the mobile theme (or is there a way to make them work?). The mobile menu in theme seems to refer to the mobile theme’s menu and the responsive version sadly remains the same. Is there a way to have a separate mobile menu without using mobile theme and redesigning all the pages for mobile?
Hi, I istalleds “Newspaper” on my website, but I
don’t understand why when I click on menu in mobile version, it’s open a login interface? Whithout sign in it’s impossible to navigate menu, but I won’t this option. How I get to chage it?
Hi
I installed the Newspaper theme and I just noticed that the mobile menu is not working when going on my website page http://www.smartenergyportal.ch and I don’t know why. Could you please help me?
Also the banner on the homepage isn’t responsive…
Thanks for your answer.
Hello,
The top menu cannot show on mobile devices. It was never designed to. You can place it at the top in the mobile version as well if needed. You can try this css:
@media (max-width: 767px){
.td-header-top-menu-full {
display: block!important;
}
.td-header-sp-top-menu {
display:block!important;
}
.td-header-style-12 .top-header-menu > li, .td-header-style-12 .td-header-sp-top-menu, .td-header-style-12 .td-header-sp-top-widget{
line-height:30px;
}
#menu-secondary-navi-menu{
text-align:center;
}
}
Thank you!
Thank you Bogodan, I removed the social/weather and fixed the rest with the CSS. I see that this secondary menu don’t show on mobile. We do not use the seperate mobile theme. How do we display the secondary menu on mobile using the standard theme on mobile too?
Hi is there any way I can disable completely the header on mobile view? so when someone open the post only shows the feature image on top, no menu, no header, no search, … Thank you
If you use that code the mobile menu modal will look like this
– https://www.screencast.com/t/onS68oHa
Instead of like this
– https://www.screencast.com/t/5aov8aLsENM
Again I should mention, I see no problem with your website. The menu background is not seen on desktop in our tests.
Hello mnuuti86,
1)Notice that the Mobile Theme is composed of two section. The first three posts come from the Featured category and the second comes from the latest. Our mobile theme does not have any offset, sorry! Notice that if your Featured category is removed from your backend page you will bring some twice posts.
2)What kind of Top Bar on the mobile theme you are referring because this menu does not appear on the front end. -> https://www.screencast.com/t/yY5IyBtQNDv
Thanks for your understanding!
Hello,
I have encountered some issues regarding the Newspaper theme.
1. The download link in Themeforest.net points to version 8.6. The same applies to the bundle download which also contains previous versions of the TagDiv plugins. I downloaded the bundle file and installed the Multi Purpose plugin just to find out that I installed version 2.0 instead of a version higher than 2.10 which was already installed. As a result, I get an error message when loading the website. Also, after uploading the Newspaper folder from the said link, in system status I see that I have version 8.6 installed and that version 8.7.2 is available. Clicking on the link I am transferred to Themeforest.net
2. When trying to load our website through a mobile browser I get an error message regarding the Multi Purpose plugin (that was happening even with Multi Purpose v. 2.10)
3. When loading our website in a tablet and a drop down menu opens in front of another menu item, this menu item appears inside the drop down menu. Please see screenshot here: http://lwstaff.com/menu_pic.jpg
4. Top menu does not show as a burger menu in tablets and mobiles.
5. Thumbnails of posts created after the installation of Newspaper theme appear in low resolution but thumbnails of older posts before Newspaper appear normally. Retina option is enabled in all types of images.
I need your attention please.
Thank you,
Nick
Hi,
That code you mention will work as long as the mobile theme plugin is not active. There is a mistake in it, it is missing one of the ending accolades. Try it like this
@media(max-width:767px){
.td-menu-login-section{
display:none;
}}
There will be no more login displayed on mobile
– https://www.screencast.com/t/0wKDfgkmUsvG
That would be the mobile menu, this is loaded as well when on desktop. Maybe that is what you are referring to and would answer your question
– https://www.screencast.com/t/1qaMaUVUeWw
The space comes from the weather and the social icons. They fall on another line when the menu falls on 2 lines. Each of theme have their own margins and padding.
You can remove them from the theme panel but not for mobile devices in particular.
If you want to further decrease the spacing, you cna do it with the line height on the menu items. This is set from the theme panel but it will affect the desktop as well. If you do not want to affect the desktop version you can use this code:
@media (min-width:767px) and (max-width:1040px){
.td-header-style-12 .top-header-menu>li, .td-header-style-12 .td-header-sp-top-menu, .td-header-style-12 .td-header-sp-top-widget{
line-height: 28px;
}}
Thanks.
1 more problem I encountered recently, its desktop main menu button click scroll is working perfectly, but it’s moble and tablet menu click scroll is malfunctioning. on mobile and tablets it scrolls and stops on different area please help me in this too
Hi! I have two problems with my Newspaper Mobile Theme. Three first articles seems to show twice on front page, how can I change that?
I would also like to hide top/menu bar in Mobile Theme because I already got another menu plugin for mobile. How can I do that?
Thank you for your respond. I like your theme Very much otherwise.
Hi, I tried removing the login button from my mobile menu by a code suggested by you on this forum – https://forum.tagdiv.com/topic/how-to-edit-mobile-menu-and-removeedit-login-options-from-mobil/
however, the login option is still appearing. Is there something that’s not working right? I do not use the mobile theme.
Go to Newspaper>Theme Panel>Background>Mobile menu/search background and remove or change it from there.
