Hi,
i tried to add this
@media (max-width: 767px){
.td-header-top-menu-full {
display: block;
}
.td-header-sp-top-menu {
display: block !important;
text-align:center
}
}
to show top menu in mobile, but with that code i have all the top header infos..(weather etc)
i need instead only the menu items
how to do that pls?
thank you
Hello mirko,
Provide your website.
Thanks.
Hello mirko,
Please try to use the code below and place it in Theme panel -> Custom CSS area.
@media (max-width: 767px){
.td-header-top-menu-full {
display: block;
}
.td-header-sp-top-menu {
display: block !important;
text-align:center
}
}
@media (max-width: 767px){
.td-weather-top-widget, .td-social-icon-wrap{
display:none;
}
}
The result is here -> https://www.screencast.com/t/7aToRUOY2
Thanks.
almost perfect.
it is possibile do hide also the date and access only on mobile view?
Hi,
What date are you referring to?
Thanks.
the row above the buttons
https://d.pr/IzK3bp
Hello mirko,
You can try using the code below and place it in Theme panel -> Custom CSS area.
.td_data_time{
display:none;
}
Thanks.
ok, last one…
how to hide also the log in?
Hi Catalin,
in that way tho, you disable also the log in in the desktop version.
id like only on mobile.
Hi,
So you want to remove the login only on mobile, like this
– https://www.screencast.com/t/uk9DeaYIrHfz
Enter this code in the Theme panel->Advanced CSS in the phones section
.td-menu-login-section {
display: none;
}
Thanks
Hi Simion,
i added this https://d.pr/Sa7jJX
but i still see this https://d.pr/cThFCA
I thought you were referring to this – https://www.screencast.com/t/GL4EmbeQgcNR
Use this instead – https://www.screencast.com/t/I3UY58tksxPZ
.td-header-top-menu-full .td-login-modal-js {
display: none;
}
Sorry for misunderstanding.
Perfect, thank you!
sorry, i just rechecked,
now i dont see anymore the log in in the desktop version…(
sorry was cache, is ok now
Dear,
also I would like to insert the top menu in the mobile version, but inserting the code you indicated does not work. You can help me?
Many thanks in advance
http://www.weedzine.it
Try
@media (max-width: 767px){
.td-header-top-menu-full, .td-header-top-menu {
display: block!important;
}
.td-header-sp-top-menu {
display: block !important;
text-align:center
}
}
Thanks
Thank you!!!!
he works
How to add Top menu for mobile?
My website: Softfully.com
Thanks
I forget to say that, i just want to display FAQ, Rules, Feedback and About only in top menu for mobile.
Thank you.
@Viju Maybe like this – https://www.screencast.com/t/FE0nc6RcPj
– https://pastebin.com/bsNnfzcy
Yes. Thankyou very much.
