No search results were found in Documentation!
Hi, Andrei.
Yes, I did all that.
http://www.exorbeo.com
As you can see, on desktop the menu is white and on mobile it’s a dark grey. I assumed that was as default. I need to change the mobile menu to a white background or at least it’s center, where the logo is shown.
Thanks.
Hi,
Your logo looks fine blank background like you have on desktop. You can change also the background color for mobile menu using custom css in Theme Panel > Custom Css – http://screencast.com/t/GdbfzhveFH4
@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: #fff !important;
}
#td-top-mobile-toggle i, .header-search-wrap #td-header-search-button .td-icon-search {
color: #222 !important;
}
}
Hope this helps!
Hi,
Unfortunately the top menu was not designed for mobile devices, we try to find a better implementation for sign in/register widgets in a future update. Until then you can try this custom css in Theme Panel > Custom Css: http://screencast.com/t/cw4mTt1hSINv
@media (max-width: 767px){
.td-header-top-menu-full {
display: block !important;
}
.td-header-sp-top-menu {
display: block!important;
}
.menu-top-container {
display: none !important;
}
.td-header-sp-top-widget {
display: none !important;
}
}
Thanks!
After updating the theme, the menu on mobile went dark grey. This doesn’t work with my logo.
How can I change it to white, as the desktop version? Or maybe keep just the burger menu and search button dark?
Thanks.
Nothing changes an my iphone
is it why my menu has another name then td-header-sp-top-menu
the name of my menu is :td-demo-top-menu
or have th ei phone a chache?
nothing found reload the site but nothing changes with or without the code
i try to put the code in the css and in the advance css for mobile phone down in the box
please help me
Hi
By default the theme hide the top menu on mobile devices but you can find a way to display it in this topic: https://forum.tagdiv.com/topic/loginlogout-in-mobile/
I am not sure what you mean because the footer menu should be visible on mobile device as you can also see on our demo: http://screencast.com/t/L2gTNRTVhKq
Thanks!
Hello,
I cannot find how to make the top menu available on mobile. It is important that it is visible as the top menu has our contact details – and without this there is no way to contact us when viewing on a mobile phone. The main menu has been left to news topics only, which is how we want it.
Also the footer menu is not visible.
Can you please tell me how to make all menus visible.
Thank you.
Hi
By default the theme hide the top menu on mobile devices, but you can display it using custom css, like I’ve already suggested above:
@media (max-width: 767px) {
.td-header-top-menu {
display: block;
}
}
Notice that the top menu elements don’t have style for mobile devices so you may need custom css for them.
If this isn’t working like you want it please provide your sites url and more details about this and I’ll have a closer look at it.
Thanks
Hi there,
i wonder why – yesterday one of my member says – hey where is the register and login button an my mobile?
And right – there is now button – because there is no top header menu.
BIG BIG Problem, because i have a lot of informations in my top header menu ready – like register, log in, log ou – NOT !!! YOUR LOGIN/LOGOUT – instead the Ultimate Member Plugin running and the menu link to the top header – more other site, like help pages etc – all on the header.
Please help !
This is very urgent !!!!
Hi Tagdiv team, thanks for all your hard work around here. 🙂
I’ve noticed on my site http://www.sometimes-interesting.com (using Newsmag), the search function has stopped working. When you click the search magnifying glass, you get the # sign after the webpage URL but no search. I also noticed that mobile menus (on phone, not tablet) seem to not function when pressed.
Could someone give me guidance as to how to rectify these items? They did work at one time which leads me to believe something isn’t playing well with them, but I’ve tried disabling plugins one by one and haven’t been able to determine the problem.
Thank you!
Hi,
I’ve checked your site and found these errors in browser’s console: http://screencast.com/t/1pPVDiMdp2 which cause you menu issues on mobiles so please test this without using any plugins, leave just theme’s plugins active, empty all caches and test again.
Thanks
Hi Everyone
I am using NewsMag 2.0 on my site http://www.visitphiladelphia.org and noticed that the mobile menu does not work properly on the iPhone. I am on the latest version of iOS. I see the menu work on Chrome, Internet Explorer and Safari on Mac, but for some reason it is not working on iOS on my iPhone. Has anyone run into this issue and is there a fix?
thanks,
Anthony
Hi,
I’m not sure why this doesn’t work for you as it is tested and should work fine – http://screencast.com/t/37usR2YUgfHc just paste the css code in Theme Panel > Custom Css – http://screencast.com/t/nQ9cHORoh and also clear cache.
@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;
}
#td-top-mobile-toggle i, .header-search-wrap #td-header-search-button .td-icon-search {
color: #222 !important;
}
}
Anyway we will add this option in Theme Panel until your site will go live.
Thanks!
Hi,
Sorry for delay we don’t work on weekends!
If you want to have logo in the mobile menu for header style 10 you can try this custom css in Theme Panel > Custom Css: http://screencast.com/t/EYBWXtMsg
@media (max-width: 767px){
.td-header-style-10 .td-main-menu-logo {
display: block !important;
}
.td-header-style-10 .td-logo-wrap-full {
display: none !important;
}
}
You will need custom modification to display style 1 like that, but I’m not sure why you want that instead of using style 10.
Hope this helps!
Hi,
You can change the background color for mobile menu (and menu icons if you want) using custom css in Theme Panel > Custom Css, as the theme doesn’t have an option(this is on our list and we plan to add an option in future). Please check this topic – https://forum.tagdiv.com/topic/mobile-header/
Thanks!
Please check this image
for the images:)
Hi,
I am using the style 10 for my header. The mobile menu looks like Picture 1.
I was wondering if I can chage this like in Picture 2.
I mean instead of showing the logo on top, can we place it on the menu bar?
I like everything about the style except this part. Is there any css adjustment for this?
OR;
Let’s say if I change back to default header style 1. On regular view :
How can I change the logo width and height and center it (to use like in sytle 10)?
And also how to center the menu on Style 1 Default?
I know both question sound like the same thing. But I’m newbie to this stuff and just want to learn css adjustments for each style in case I need to switch back and attach advertise on top. So if you submit both ways I’ll be grateful.
I appreciate that and thank you in advance. Have a great day!
Want to change the mobile menu “black” top bar to the colour of my desktop version which is #003d6b
Hi,
You can change the color also for menu and search icons for mobile devices – http://screencast.com/t/yH6suuYNoPqA
as if you want to change the mobile logo position you will need custom work, and it is not so easy.
@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: #fff!important;
}
#td-top-mobile-toggle i, .header-search-wrap #td-header-search-button .td-icon-search {
color: #222 !important;
}
}
Thanks!
Hi,
How to disable mobile menu? I want to use other plugin for mobile menu.
But I still want logo, search and sticky header.
Thank you.
Hi Guys
need some help I’m using the default header style as its my favourite but my logo looks best in black when i go on the mobile site the mobile hear is black, when i change this with css to white the menu and search icon disappears is there a way to put my logo underneath the mobile header?
Hi,
Please try this custom css in Theme Panel > Custom Css – http://screencast.com/t/yH6suuYNoPqA as there is no option in Theme Color to change this.
@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: #fff!important;
}
#td-top-mobile-toggle i {
color: #222 !important;
}
.header-search-wrap #td-header-search-button .td-icon-search {
color: #222!important;
}
}
Thanks!
Hi
By default the top menu don’t appear on mobile devices, but you can use this custom css to display the Log In/ Log out option:
@media (max-width: 767px) {
.td-header-top-menu {
display:block;
}
}
@media (max-width: 767px) {
.menu-top-container {
display:none!important;
}
}
@media (max-width: 767px) {
.td-header-sp-top-widget {
display:none!important;
}
}
@media (max-width: 767px) {
.td-header-sp-top-menu{
top:0!important;
}
}
If you want to display only the Log in/ Log out option, add this lines of code:
@media (max-width: 767px) {
.td-header-sp-top-menu .td_data_time{
display:none;
}
}
The result should be like here: http://screencast.com/t/nM8IvOr9A0
Thanks!
Hi,
I am a little perplexed right now. I can’t seem to find the setting to show login/logout in mobile. My site is based on user generated content and it needs to be there in mobile as well. I thought the links will be present by default in the off-canvas menu?!
Hi,
You can try to make this change directly in style.css file and see if still the default color is being applied. This issue appears because of the cascading property of css and change it directly in the stylesheet file you should not have this delay. Try to change the color here – http://screencast.com/t/XhfSg0Ij6
Also we will try to add some options for mobile menu in a future update as it is on our list.
Thanks for the message and for suggestions!
Hi,
I have just bought your great theme and am testing a couple of things on http://www.sverigetips.se. If you minimize the browser window until the mobile menu shows and then make a reload, you can see that the mobile menu pops up in black in a split second. (I have used the CSS that you have repeatedly suggested for changing the color of the mobile menu.) This happens with or wihout caching. I can see the same behaviour on my mobile phone. How can it be avoided?
Speaking of mobile menu: Your theme panel is really fantastic – however, you seem to have forgotten about the mobile menu there (in the theme colors). Would be great if you could add – mobile menu bar background color – mobile menu bar text color – mobile flyout menu background color (it doesn’t seem to be identical with the theme accent color) – mobile flyout menu text color.
Cheers,
Walther
