After working on the website for a long time, I realized that the top most menu does not appear when I open my homepage on mobile. The site I need help is with https://defencelover.in
Hi,
The top menu is removed on mobile. I could give you a code to make it visible, the result would be something like this
– https://www.screencast.com/t/RI1YoMXcI
@media (max-width: 767px){
.td-header-sp-top-menu,
.td-header-top-menu-full {
display: block!important;
text-align:center;
}
.td-social-icon-wrap{
display:none;
}
.menu-top-container {
margin-right: 0;
}
.top-header-menu li a {
margin-right: 12px;
}}
If needed I could modify this code. It can be entered in Theme panel custom CSS section.
Thanks
Thanks a lot Simion, can you guide me properly how should I enter the code? Do I have to just copy and paste this code in theme panel custom section?
You simply have to copy it from here, then enter it in the Custom CSS section
– https://www.screencast.com/t/IRQ9MqsZDs
Once you save the settings, the code will be loaded and the top menu should be displayed on mobile.
Hi Simion,
I have added this code as you have mentioned and my top menu is still not showing.
http://ucym.in
@dumagroup Try it like this – https://www.screencast.com/t/PjeHMK3cN
– https://pastebin.com/a0KyL6T5
Thank you so much this worked a treat!
