- NewsmagMain menu
- NewsmagIntroduction
- NewsmagLogo & Favicon
- NewsmagBackground introduction
- NewsmagTheme colors introduction
It can only be solved using code. See this topic for the solution https://forum.tagdiv.com/topic/the-top-menu-not-showing-in-mobile/
Hi there,
I am developing a website and using both the headers and created menus for both the headers (top bar menu and main header menu. On the desktop version both are showing up fine but on mobile version, I can see only main header menu and for top bar menu, I can see only social icons and sign in modal but not the rest of the links(top bar menu). I checked all the options but could able to find the settings to activate top header menus for mobile.
Can you please help me out for that?
Thanks in advance!
Cheers.
My site is working fine on my desktop and the pages work fine on my mobile but the mobile menu just displays this page.
https://www.screencast.com/t/ennPpVOBMONg
I have the TD mobile plugin installed.
How do I get the menu to show?
Now it should work, add this as well
@media (max-width: 767px){
.td-header-sp-top-menu, .td-header-top-menu-full {
width: 100%;
text-align:center;
}}
Note that there is also a login in the mobile menu, so now you will have one in the top menu and one in the menu modal.
Yes, finally I decided to place the title in the top bar in big screens.
Yes! Exactly that it’s what I needed in mobiles. Thanks!
When scrolling the screen up, however, the title disappears. It re-appears when scrolling all the way down to the begining of the post/page/home or when the menu is pressed. Can be fixed?
Thanks again, Simion.
I see you decided to place it in the top menu, with the multi-purpose style.
So on mobile you want to replace the logo with the tagline. You could try something like this maybe
– https://www.screencast.com/t/lPiiLl6ty
@media (max-width: 767px){
.td-header-top-menu-full {
display: block!important;
text-align:center;
}
.td-social-icon-wrap,
.td-mobile-logo img{
display:none;
}
div.td-header-sp-info {
margin-left:0;
position:absolute;
left:0;
top:10px;
}}
Hi, I can’t provide a link but let me know what code I can use to display 2 links only on mobile menu.
Thanks!
My logo in the menu looks good on the desktop and also looks good on mobile but somewhere in between there it gets out of whack. You can see what I’m talking about here. Should I resize the logo? Is there anything I can do?
I made a video of the issue here: http://youtu.be/y4WOaxE6QKo?hd=1
or
https://www.InterestingAnswers.com
Thanks
Focusing now in the mobile version, could I change at least the img.td-retina-data logo shown at the middle of the td-header-menu for a text? (for example, the alternative text, which could be the site title)
Dear, can we display only the cart option in the top menu in mobile devices or can we make the top menu somewhat thinner than the code you have given to me?
This is consuming too much space in mobile. Hope you understand. Please provide me the code for it. Thanks
Hi,
The top menu is not displayed on mobile, it never was intended to display there.
However it could be made to appear with a code, if this is required. Something like this would work, you could try it
– https://www.screencast.com/t/CABlPOFxL
This is the code for it if you want to use it
@media (max-width: 767px){
.td-header-sp-top-menu,
.td-header-top-menu-full {
display: block!important;
text-align:center;
}
.td-social-icon-wrap{
display:none;
}}
Thanks
Hi,
The top menu is not displayed on mobile, I could give you a code to display it if you could provide a link to your website. Or you could add the language switcher to the main menu.
Thanks
I have adjusted cart in the top menu, but it is not showing in mobile devices. What should I do to get it visible in mobile devices?
Hi!
I have a multilingual website, I have inserted the “italian” and “english” switching links on Top Header Menu, but when the site is viewed in mobile version, these links disappear.
How to continue to see these links also in mobile version?
What is the recommended solution for switching between one language and another?
Thank you very much.
May I ask you, however, why do you say that having the title -centered- inside the header and above the menu may not be the best solution? I’d really like not be forced to display the Top bar in mobiles…
Thanks again
It could be centered but that may not be the best solution. A solution would be to place it in the top menu with one of the solutions mentioned above. Then I can give you a code to display the top menu on mobile
– https://www.screencast.com/t/Dj20r0Yg1Vo
This is the code for that
.td-header-sp-top-menu:after {
content:"Escritos y lecturas"
}
@media (max-width: 767px){
.td-header-sp-top-menu,
.td-header-top-menu-full {
display: block!important;
text-align:center;
}
.td-social-icon-wrap{
display:none;
}}
You could also style it if you want to – https://www.screencast.com/t/YO1f2eWnp2k
Yes, but the problem still is that the Top bar will not show in mobiles.
But with somethink alike your solution:
#menu-principal-1:before {
content: “Escritos y lecturas”}
I achieved this: http://migueldimase.com/
¿How can I center this title WITHIN the header? (remeber: I don’t want to increase the header’s height).
Thanks
Thanks for answering, Bogdan.
Yes, accross the whole site.
One solution I thought of was to create an additional element with the title tag in the secondary menu, which it’s in the Top bar (I’m using Header Style 1 – Multipurpose and Top bar Style 1). Then format that element (center it, change its font to a larger one, etc.) through CSS, BUT it would not appear in the mobiles’ main screen because the Top bar and the secondary menu are hidden in that cases.
I suppose I could use the space reserved for the ads in some header styles (may be “widgetizing” it with some plugin), but in my preferred style I haven’t got that space to the right anyway (http://migueldimase.com/).
Another way would be to add another bar between the Top bar and the header, just for the title. The downside would be a longer (higher) header, which I don’t like.
So, I think the ideal place would be INSIDE the header without making the header it bigger, in top of the main menu (may be decreasing its height a bit) where “Writings and readings” (the name of my site) could be displayed (in a line not too much higher/longer than the Top bar’s height).
But, ¿how can it be done?
Thanks again.
My logo in the menu looks good on the desktop and also looks good on mobile but somewhere in between there it gets out of whack. You can see what I’m talking about here. Should I resize the logo? Is there anything I can do?
or
https://www.InterestingAnswers.com
Thanks
Hi,
That is not possible with the current theme settings, the mobile menu will only display on mobile. It is not designed or supposed to appear for desktops.
Hello,
Both your mixed content issue seem to be images so you might want to have a look at your theme panel and remove any image that was added before the ssl implementation. They will not change to https automatically. Check the backgrounds for the mobile search and menu as these are the most overlooked ones. Please also check the theme background and logos for header, mobile or footer.
Thanks.
Hi,
Is there a way to make the menu as “dotted menu” on PC? Just like on mobile?
Hello,
thank you very much for nice template. I want to ask you if I can design in any other way searching form in menu (www.happyivo.com). In mobile version it is amazing and I couldn´t make it better, good job. But in desktop/notebook version it is poor to me. Can I change the desing and effects somehow?
Thanks in advence
Hi, I have some problems.
1. My website is slow, especially mobile. So I followed this.
https://forum.tagdiv.com/topic/is-it-possible-to-update-from-ver-7-4-to-8-8/
But it’s doesn’t work well. When I inspect on google chrome, I get so much “idle time”.
https://www.screencast.com/t/z3At5Rf3s7q
I don’t think it’s normal…
2. When I open my website, sometimes(not always) I get something like a shadow from left side to right side on screen. It’s like a effect and is an instant. Sorry I can’t explain well.
3. On TD composer, I can’t use new elements(breadcrumbs, post loop, page tile) for making Page.
It’s showing on left side(menu side), but I can not add the elements to right side(main side).
https://www.screencast.com/t/DfreZ5jM
Also, I can’t change a button’s background color on hover for “Hero”.
My website:
https://d-generationx.com/
My system status:
https://www.screencast.com/t/GdbhHVC5AsV
Could you give me some advice?
Hi,
By a theme option that is not possible, the mobile menu will display only on phones. I could give you a code to make the menu items fit in a single line
– https://www.screencast.com/t/jLuwIlVoy7ap
Enter it Advanced CSS section in the portrait tablet field if you consider using it
.td-header-style-10 .td-header-main-menu {
padding-left: 0;
}
.td-header-style-10 .td-header-menu-wrap-full {
height: 48px!important;
}
Thanks
