Hi,
I have a little problem with the mobile menu.
I want to remove all mobile menu items, like search button, and the orange bar (in my case).
Ok, but why i want it ?
Its because i will use UberMenu, In the desktop it’s works perfectly.
In mobile, i have a little strange behavior in the page loading.
Watch the video:
https://streamable.com/6n20f
As you can se in the video, the orange bar still fixed in the top, the search button still there ..
So, what i want ?
Just remove the mobile menu items, bar, search button…
Thanks
I already tried some custom css codes, like this:
.td-icon-mobile{
display:none!important;
}
.td-header{
display:none!important;
}
But nothing works as expected.
In the Video:
Orange bar are the mobile menu from newspapper.
The Black bar are UberMenu
Hi,
Try a code like this for example – https://www.screencast.com/t/sxfZJKkc0M
#td-top-mobile-toggle,
.td-search-wrapper {
display: none;
}
.td-header-wrap .td-header-main-menu {
height: 47px !important;
}
This could be a solution, give it a try.
Thanks
Hi, almost solved.
See: https://streamable.com/xinxr
But as you can see in a new video, the orange bar still loading…
If helps, the menu can be removed from desktop to.
I will use UberMenu in the mobile and the desktop.
Ty
I thought I fixed that properly, my mistake. This is the whole code, the result should now be what is needed
– https://www.screencast.com/t/1AUSmwbyp2k9
#td-top-mobile-toggle,
.td-search-wrapper {
display: none;
}
.td-header-wrap .td-header-main-menu {
height: 47px !important;
}
@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 {
height: 47px !important;
}}
.td-header-menu-no-search .td-header-main-menu {
padding-left: 0;
}
Hello,
The UberMenu goes to the right position now, thanks !
But the orange menu still loading, thats really bad
New behavior in video: https://streamable.com/epq93
Check it..
The other menu still loads, it is behind the one added by the plugin. So it might be visible while the website is loading.
Try to enter the code I provided directly in the theme stylesheet instead of the theme panel, so it will be loaded faster and possibly eliminate the loading effect.
Not Working…
I’ve created a user so you can have access to my theme files. This way, you can configure it yourself. Where can I pass the access to you? Any email?
Thanks for the help, i really need solve this ..
That code would be the only solution in this case. The ubermenu plugin seems to have included itself as part of the header menu container, so hiding it with CSS would be the easiest and maybe only solution
– https://www.screencast.com/t/Nep5X2BpAQ
An alternative to that would be to remove the elements of the default header menu from the code, but that may be difficult because the ubermenu is part of the default menu so the default.
The code works, entering it in the theme stylesheet will apply it more quickly, enter it there and then clear all caching or CDN if used.
That is the theme stylesheet, enter the code there. The result should be as shown in my screenshots, and also the code should apply faster and eliminate or reduce the period of time in which it is loaded.
Yeah, when i enter the code in this file, nothing works .. when i enter the code in live css editor(chrome), working well …
But i dont have any changes when i enter the code in the theme stylesheet ..
Please give me a safe way to send you credentials to acess the css file.
That would be impossible, the code in the theme stylesheet is loaded at all times. Unless maybe you have caching that prevents the modified stylesheet to load, serving the old one, or maybe you use a CDN service.
The code should be added at the end of the stylsheet
– https://www.screencast.com/t/Xx9xfU1v0QqX
– https://www.screencast.com/t/K4goNPCdM
Then save the file. Clear the browser cache, clear installed caches or server provided, clear or purge CDN if used.
A Cloudflare problem ( always ) ..
Solved,
Ty for the help.
perfect! i was looking how to remove search on responsive mobile ad this worked!
