- 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
Thank you for this. Much appreciated.
One other question: For the header here – https://polksports.com/volleyball/ – is there a way to force the menu to switch to the mobile menu/hamburger at the tablet viewpoint? I’d rather the header main menu only appear on the desktop viewpoints.
Hi Calin, this is what I get in DivComposer
If I click “Create Mobile Page” it create me another Home Page. Is it correct? Is this when you talk about mobile?
If I click on the widget i have this menu on the left, but if click on the mobile icon and i made a change this change is for all the version of the homepage also desktop not only the mobile
The default mobile theme menu doesn’t display content (links and social icons) on the post page when the Mobile + AMP option is selected. Only the overlay background appears. On all other pages, the menu works normally. There appears to be some incompatibility with AMP, as when I switch to the Mobile-only option, the menu works correctly.
I see, this situation is because on mobile, a different header is used with a different menu.
For mobile version you can use this custom css:
.tdb_mobile_horiz_menu .btn a .tdb-menu-item-text {
color: transparent;
}
I hope this will help you!
Hi Julie, hi Calin,
Thank you both so much for your quick and helpful replies – that was exactly what I needed!
@Julie – your tip about checking the Theme Panel → Background & Social Links was spot on. Really appreciate you sharing your workaround!
@Calin – the screenshots were incredibly helpful and guided me straight to the solution. I’ve now completely removed the background image and social icons from the mobile menu – all done cleanly via the Theme Panel, no extra CSS needed. Perfect!
Big thanks to the entire tagDiv team for your great support and such a flexible, powerful theme. Keep up the awesome work!
Best regards,
Greg
Hi @Greg,
The mobile menu you are using can be changed from the theme panel. From there, you can change the background image – https://i.imgur.com/R9eoHMz.png the colors – https://i.imgur.com/O5c2ANA.png and socials – https://i.imgur.com/Ot9CUS0.png
Thank you!
I managed to remove the social icons in the mobile menu by removing the links to my social pages in theme panel:
Theme Panel -> Social/APIs -> Social Networks -> Making sure all the links are empty.
Probably not the best solution but that’s what worked for me…
For the background image, I found where to change it but it’s not inutitive:
Theme Panel -> Background -> Mobile Menu / Search Background (remove the file) AND Sign In / Join Background (remove the file)
Hope this helps
Subject: Mobile menu shows old background image + social icons, cannot find them in Composer
Hi tagDiv team,
I’m using your theme with the “Shop Audio” template and working with tagDiv Composer.
I’m having an issue with the mobile (hamburger) menu:
When I open the menu, it shows an old background image (with speakers) I didn’t add – and I can’t find it in the Composer to remove or change it.
Also, social media icons (Facebook, Instagram, etc.) appear at the top, but I can’t find them in any row/column in the Composer either.
I double-checked:
The correct header & mobile templates are assigned.
The elements are not visible in the structure panel.
I had to hide them using custom CSS, which works but isn’t ideal.
❓Question:
Where exactly can I edit or remove the background image and the social icons in the mobile menu, when they are not visible inside the Composer?
Thanks for your support and for providing such a great theme!
Best regards,
Greg
Hi.
Thanks for your response. I switched to the responsive view. Everything works fine except the Blog category. I created a mobile template for the categories “Category-Mobile”. It works for all categories, except Blog. Whatever I did, I couldn’t make it work properly. The Blog does not show the changes, keeps different header and takes to another menu which I do not use. If you check my website’s mobile version, you will see the difference. Could you please advise?
Thanks in advance!
Hi.
I am trying to use the Newspaper theme mobile version, but I have encountered some problems. The main problem is that my website’s mobile version displays posts that I do not have. I didn’t create them, and I don’t have them in my posts section (I thought they may come with the default theme). The mobile menu is also not working properly. When I click Home, it takes me to a blank page, but when I click Home from breadcrumbs, it takes me to a page with the latest posts, that the majority of which are not mine. I only created one post in order to test; it appears at the top. It’s ok.
Another problem is when I try to edit the mobile menu background from the Theme Panel Mobile Theme section, I see no effect, or changes appear, then disappear.
My website link is https://informarius.com/
Please, help me solve these problems.
Thanks in advance!
Hi.
The header now looks ok there is no red magnifying glass – https://i.imgur.com/Li5XCm0.png but what you need to do now is to edit the header for mobile version. Use the tagDiv Composer – https://i.imgur.com/JFGPwSm.png – select any element and after that in left sidebar set the mobile viewport – then you can edit the elements from mobile menu zone – https://i.imgur.com/QHLv7IP.png
Upon further investigation it looks like the mobile view only comes when a menu item is selected from the slide out menu, if the same link is selected on a web page it looks fine.
Hi,
What I can recommend is to use a popup and create a page with a search in it (like the one from desktop) set the page in popup and use the popup as mobile search. For example the mobile menu from this demo – https://demo.tagdiv.com/newspaper_towntalk_pro/ is a popup element.
Thank you!
Hi,
For this you can use the settings from The theme Panel > Theme Colors > Mobile Menu / Mobile Search -https://i.imgur.com/V2YnDe9.png
I hope this will help you!
Okay, I don’t think it’s in the register/login section after all, but I don’t know where it is. I completely removed the search function from the mobile menu, but it’s still in the code. I have no idea where it’s coming from.
Alright thx, i just deleted the search form from the mobile menu and it turned out that the missing form label seemes to be in the register/login section that is deactivated:
<!– register/login section –>
</div><div class=”td-search-background” style=”visibility:hidden”></div>
<div class=”td-search-wrap-mob” style=”visibility:hidden”>
<div class=”td-drop-down-search”>
<form method=”get” class=”td-search-form” action=”https://raiffeisenzeitung.at/”>
<!– close button –>
<div class=”td-search-close”>
<span><i class=”td-icon-close-mobile”></i></span>
</div>
<div role=”search” class=”td-search-input”>
<span>Suche</span>
<input id=”td-header-search-mob” type=”text” value=”” name=”s” autocomplete=”off” />
</div>
</form>
<div id=”td-aj-search-mob” class=”td-ajax-search-flex”></div>
</div>
</div>
How can we completly remove it / solve the issue?
All the best,
Daniel
Hi,
Please try this, use this css only for mobile:
.td-header-style-4 .td-header-menu-wrap-full {
top: 0;
}
Set the code in the theme panel > custom code> advance css > mobile css – https://i.imgur.com/74kvqRm.png
I hope this will help you!
Hi Daniel,
What you can do is to edit the cloud header and select the mobile view port, then select the mobile menu zone and check the option “Don’t load on desktop” – https://i.imgur.com/aS0RfTD.png
I hope this will help you!
Hey,
We’re currently working on making our website as accessible as possible, and I’m setting up proper keyboard navigation using the cursor. Basically, everything is working fine. However, on desktop, the tab focus goes through the links of the mobile menu first — even though that menu is visually hidden. Is there a way to change this so that the mobile menu is not only visually hidden on desktop, but its links are also not focusable via keyboard navigation?
Website: https://raiffeisenzeitung.at/
All the best,
Daniel
I think the CSS code works well, in the Mobile view the Page Menu is not visible.
Hi,
This https://postimg.cc/dZJR5GPK is a mobile page that has been create using tagDiv Composer and assigned to the menu using using this guide https://forum.tagdiv.com/page-menu/ now if you want to have the menu simple like here https://postimg.cc/0MR0JLVj but with 3 columns then it can be used a css like this one, the code should be similar to this one:
.sub-menu{
-moz-column-count: 3;
-webkit-column-count: 3;
column-count: 3;
width: 20em!important;
}
The code should be adjusted after your need.
Thank you!
Hi,
For the mobile menu element you are using to adjust the colors and fonts you’ll need to use the settings from the theme panel – https://i.imgur.com/RhUDQ5K.png – https://i.imgur.com/aKpwuDz.png
Thank you!
Thanks a lot Calin that worked 🙂 Moved me to another menu challenge though – how do I edit the colour and font of the words for the mobile view when the burger menu is open? Thank you!
Hi,
To do that edit the mobile menu, and select the display to be set as overlay – https://i.imgur.com/mwEqC2X.png
Thank you!
Great thanks Calin that’s worked for desktop! For mobile, it removes the background but then the menu items sit above the image still rather than on it in a kind of non-colour/grey box, how do I get it so the menu items sit on the image behind it? Like I’ve just done for the desktop view. Thanks.
