Hello! My website has a Header Menu (main) and also a Top Header Menu…http://e50.4da.myftpupload.com/. However, only my Header Menu (main) is displayed on mobile devices. I would like for BOTH the Top Header Menu and the Header Menu (main) to display on mobile devices. Is this possible?
Hello awoodhams,
Try to use the code below and place it in Theme panel -> custom CSS area.
The code is ->
@media (max-width: 767px){
.td-header-top-menu {
display: block;
}
}
@media (max-width: 767px){
.td-header-top-menu-full {
display: block!important;
}
}
@media (max-width: 767px){
.td-header-sp-top-menu {
display: block !important;
}
}
@media (max-width: 767px){
.td-header-top-menu-full {
display: block!important;
}
}
Thanks for the message!
Thanks, but when I put in this code, nothing changes. To be clear, the Header Menu (main) is the menu that already is showing. I want the Top Header Menu to show as well, so that they both are showing on mobile devices. Thanks for your help!
I also tried adding the code to the Advanced CSS>Responsive CSS under phones and iPad Portrait, but also nothing changed.
My apologies…it worked! Now for another question…can we center this Top Header Menu on the phones screen?
Hello! After the last update of the theme, the main menu of my site stopped working in the mobile version.
The site is http://www.viagensecaminhos.com/
Hi,
@awoodhams, sorry for this but please notice that code which I gave you above it’s possible to need more adjustments for mobile devices. It was just a hint in this case. If you want to adjust your main menu for mobile with this code, you should do it yourself because we cannot provide custom work at the moment, sorry!
@Jair Prandi, I have inspected your website and I saw that you are using some untested plugins which can interact with the theme core files and cause a lot of unknown issues. Try to disable all of the untested plugins, use only the bundled plugins, clear all the caches and check the results. Should work as expected.
Thanks for your understanding!
I also have the same problem.
The last update is not in the menu, but there are no plugins installed.
Hello! The code is working, and I added “text-align: center” but strangely this is only working for the homepage menu. On all of the other pages, it is left aligned. Could you please tell me why?
This is the code I inserted to the Custom CSS>Advanced>Phones field:
@media (max-width: 767px){
.td-header-top-menu {
display: block;
text-align: center
}
}
@media (max-width: 767px){
.td-header-top-menu-full {
display: block!important;
text-align: center!important;
}
}
@media (max-width: 767px){
.td-header-sp-top-menu {
display: block !important;
text-align: center !important;
}
}
@media (max-width: 767px){
.td-header-top-menu-full {
display: block!important;
text-align: center!important;
}
}
The link to the site, once again, is: http://e50.4da.myftpupload.com/
In Safari, this problem seems to be resolved, with the top menu centered on all of the pages, but in Chrome, some of the pages have the top menu centered, while others have it left-aligned.
Hello awoodhams,
I have inspected your website for mobile devices on Chrome and it seems that your top menu bar is centered aligned for any others page.
Thanks for your understanding!
Could you tell me which plugins could be damaging the site?
Could you tell me which plugins could be damaging the site?
Could you tell me which plugins could be damaging the site? Do you know what they are?
I think there’s a problem. When you click on the Mobile menu icon, the link appears with # at the end.
Hello Jair Prandi,
To be sure, please re-download now the latest theme packet to be sure that you are using the latest version of it, make a new clean install with the theme via FTP way and check the results. Before this, please make a full back-up to your database.
Hope this helps!
Thanks for your understanding!
