- TutorialsWhat is Ajax preloading?
Hey, I’m working on new site and I build top bar for my menu myself. Now I want it also on mobile, I think it would be good on mobile menu screen (link attached for example). Is there some option or how it should be implemented? Example: http://arene.grafical.www33.zoner-asiakas.fi/wp-content/uploads/2023/05/top-bar-on-mobile-menu.png
Hi Anamaria,
Here is my SANTÉ item in the menu in admin :
https://app.screencast.com/RKdzGz8TnCSAF
Here is in front :
https://app.screencast.com/Q0usnZlZRlds6
and in mobile mode :
https://app.screencast.com/8JHO99xbUhYrq
Sub-levels 2 shouldn’t be melted with sublevels 1.
As sub-levels 2 are not distinguished from sub-levels 1 by a class, I can’t do anything in CSS (hide them, shift them to the right, …) nor in JS.
https://app.screencast.com/gGpoAH1LnSIes
How can I avoid display sublevel 2 (and sublevel 3 existing in Social item) in desktop view and avoid them or have another dropdown in mobile view ?
Regards,
Francis
Dear Bettina,
Thank you so match!
I sow many mobile sites with horizontal menu without scrollbar 🙂
Do you have a plan to implement horizontal menu without scrollbar?
Hello @platamun47 !
Unfortunately, no. The scrollbar is different from browser to browser.
In order to increase that space, try it like this: https://prnt.sc/XHKRqJm_H-DP
If you set from the CSS code “display:none;” to the scrollbar, then the mobile horizontal menu won’t work.
Thank you!
I know! But
Is it possible set same color like background color of mobile menu
and on this way scrollbar will be hide 🙂
Second question
How to increase space between links and scrollbar?
Scrollbar now is so near with links in mob. horiz. menu 🙁
Thanks
Hi,
Our tusc.org.uk website shows “Sign in” at the top of the mobile menu and I’d like to remove it, but can’t see how.
It doesn’t show on socialistparty.org.uk. It is not part of the menu.
Neither site used the mobile plugin, so the instructions I found at https://forum.tagdiv.com/the-mobile-theme/ can’t apply.
Screen shot at https://www.tusc.org.uk/images/Sign-in-on-TUSC-website%2011-5-23.jpg
Many thanks!
Dear Support,
How to hide scroll bar in Mobile horizontal menu?
Is it possible to set same color of scrollbar like
background color of horizontal menu bar?
Scroll bar into mobile horizontal menu
Thank you in advance.
Hi,
For the mobile menu only if you create a custom page and set it in modal popup you can add the social icon.
Thank you!
Hi, I am having an issue with the header not being responsive in tablet view. the mobile page has a mobile menu and works well. The header however changes the menu to being two lines when in tablet view. i have attached a screenshot to show.
Hi,
This is the path for menu login -> wp-content\plugins\td-subscription\includes\shortcodes\tds_menu_login.php
Also, please check this topic https://forum.tagdiv.com/topic/how-to-edit-menu-login-and-mobile-menu-in-metropolitan-pro/
Thank you!
Hello,
Please check this video https://www.screencast.com/t/tJjFiMKRfp
For the ad, you need to add a row and in that row add the AD BOX element.
For that menu you can modal popup and in that modal popup -> https://forum.tagdiv.com/modal-popup/ add elements that you want; this can be used also, for mobile.
Thank you!
Hi, don’t get me wrong, but much of the information you give me is outdated. Only in the theme panel, there is little that you can configure the basics, after what you could use before that you can no longer use templates for mobile phones from the cloud, there are only a few and a blank base. True I can look it up by the mentioned tool. The mobile model, OS or device type is not relevant, for that you have to use the CSS to adapt, but I wanted it for the drop-down option of the submenus. Thanks for the information.
Como eu conseguiria editar meu header para ficar parecido com o do https://investnews.com.br/
https://prnt.sc/ouBYZNW7xFg3
Gostaria de poder colocar esse banner de anuncio no topo, como no exemplo.
Além de gostaria de configurar para o background do header fosse cinza, e ter a opção de colocar um menu lateral como por exemplo: https://prnt.sc/v0FarzdE3Y31
Como podemos ver, na versão mobile, o header fica bem minimalista, com apenas um dos botões do menu e a caixa de pesquisa: https://prnt.sc/Tk8plTD14REZ
E quando abrimos o menu lateral, fica assim: https://prnt.sc/Zc4BHGRw5Y7D
deixando o header muito bonito.
Poderiam me ajudar?
Hello @ludyma !
How is it useless and outdated? I just asked which mobile version you use (this was the purpose of a long explanation). The location of the CSS parameters can be found if you inspect your own website and find the right CSS class for the mobile menu. By accessing the “outdates” links you can solve your issue.
Thank you!
Hello. The information received is useless and outdated, it cannot be applied to version 12.x. nothing you have sent me works or applies to version 12.x. Can you give me the location of where the CSS parameters are regarding the mobile menu version. I need it.
Thank you.
I want to access the CSS, and see the configuration of the mobile menu, could you tell me where it is exactly.
Why are there no mobile themes in the cloud anymore?
Thanks Anamaria. Just a few questions please:
– How can I move the mobile menu elements (the categories/pages) from left to right?
– How can I add the social icons inside the mobile menu?
– Is there a way to set the mobile menu to only take half screen and not the whole screen?
Thank you so much
Hello,
To change the font and colour for the mobile menu please go in Theme Panel -> Theme Colors -> Mobile menu/mobile search => https://www.screencast.com/t/0CvSgXp9H to set a background image go in Theme Panel -> Background -> Mobile menu/mobile search => https://www.screencast.com/t/uvDejzbX to change the font from Theme Fonts => https://www.screencast.com/t/ANBQe7hQhJd
The social icons from the mobile menu are coming from the Theme Panel -> Social/Apis -> Social Networks -> https://i.imgur.com/kKYIECB.png remove/edit them after your needs.
Also, if you want something different then please use a modal popup -> https://forum.tagdiv.com/modal-popup/
Thank you!
Thanks for letting me know.
While I have you, is there a way to personalise the mobile menu? We would like to move the elements to the right and have the menu taking just half of the screen. We would also love to add in other links and social icons. Is that possible? We couldn’t find a feature to do that.
Thank you
Hi Calin,
I am using mobile theme plugin since beginning to display content for the amp version. Without mobile theme, amp looks ugly — no menu, default styling, etc. So I use it.
But I don’t use mobile theme for everything on mobile devices, like the “Mobile + AMP” due to caching issues. I only use mobile theme for AMP. See image below
But since you asked, I changed the option to “Mobile + AMP“. The AMP site scan still doesn’t work. I cleared the site cache, browser data, history, everything — no success.
But the moment I deactivate TD Cloud Library plugin, scan completes without error.
Hello,
Our website switches to the mobile template on iPad mini and we noticed the ‘Subscribe’ button in the mobile header looks distant from the menu icon, as per screenshot below.
Is there a way to move it to the right, just next to the menu button?
Thank you
Hi,
You can create a menu like this -> https://i.imgur.com/fuhELRr.png to use the mobile menu horizontally.
Thank you!
Hi,
This is the path for menu login -> wp-content\plugins\td-subscription\includes\shortcodes\tds_menu_login.php
Also, please check this topic https://forum.tagdiv.com/topic/how-to-edit-menu-login-and-mobile-menu-in-metropolitan-pro/
Thank you!
On our site, utahstyleanddesign.com, the mobile menu isn’t showing on mobile devices, but it does on the desktop when you inspect the site in mobile view. Is there a new setting that needs to be applied?
Hello,
On my site(https://kopia.pti.org.pl/) I’m using anchor links(# links) in menu on specific pages. For some time there was issue with them, they wre not scrolling to corresponding IDs while viewing page in mobile device but I belive You’ve fixed it in one of latests updates of Newspaper. Right now they problem is that when I try to navigate to one of IDs from diffrent page it works correctly, but when I do same thing while beeing on that page already it creates 2 problems:
1. Mobile menu window doesn’t close when i click any section of site(besides 1st element but it reloads page anyway).
2. When I chose menu item with #link to same page it scrolls to correct row(or inner row) but when i close mobile menu window manually page content is getting scrolled above that row. My bet would be that there’s some problem while closing mobile menu window. Actually if you take a look you can see that after clicking link page is scrolled correctly and content is getting scrolled up after you close mobile menu window.
As reminder these issues happens only on mobile devices. On desktop everything works as it should. Also I’m using MaxMegaMenu on my site but it’s not causing any problems.
