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
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!
That is strange. Why would you not add login/logout in mobile. It’s a must have (even ‘must have’ is an understatement). Registered user interactions is like a backbone for a lot of sites. I will make do with the css fix but is this being considered for the future?
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
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
no sorry – for me on a iphone is not working – nothing change when i use the code above
my site is : http://www.fomoma.de
thank you
Hi
Try using this css and replace the other one i gave you:
@media (max-width: 767px){
.td-header-top-menu-full, .td-header-sp-top-menu {
display: block!important;
}
}
it should work fine as you can see here: http://screencast.com/t/RdMUB9sk but like I said above the elements don’t have style properties and may not be displayed fine.
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
The css it’s tested on your site and should work fine http://screencast.com/t/RdMUB9sk also I’ve tested your site on iPhone and Ipad and the top menu appears.
Make sure you also empty all caches.
Thanks!
yEs, i see i too.
Sorry for this – i dont know that the iphone had a cache and i dont know how i empty the cache on mobile
now it works thank you
