My website is almost done. I wanted to check the layout on mobile when I realised that the header text is standing in the main bar very chaotically : https://www.screencast.com/t/EeSIhxlHGJF
I want to make the text go away so you can see a clean main bar with only a logo.
Website : http://www.testpagina.brainer.nl
Thank you.
Hi,
First there is a padding that moves the mobile menu to the right
– https://www.screencast.com/t/wnCGA1mfaQaP
Then there is also this code that makes the desktop menu visible on mobile
– https://www.screencast.com/t/DuVvrwSvVR
If you created design for the desktop menu, use the Advanced CSS sections, enter it in the desktop section. That way it will not apply on mobile and break it. If you remove or move those codes it will display normally
– https://www.screencast.com/t/Y6CAtPK2KmW
Thanks
Hi simion, thanks for the tip of pasting code in the advanced css section. I will do that from now on.
I removed all the code to check if the problem would be gone. But the text is still in the header in the mobile menu even though I removed the code?
how??
This is the code that does that – https://www.screencast.com/t/DbIS29ISUshv
The desktop menu should be hidden on mobile, but that code makes is visible
– https://www.screencast.com/t/sbtlcpqO5Y
If you remove it or add it to the Advanced CSS, the default theme condition will apply.
Hi Simion,
Sorry but im confused. I removed all the code but it doesn’t seem to change? How do I remove a code that is already gone? : https://www.screencast.com/t/3LVw8o2n3
Do I need to add a code now to remove it, or do I need to change something in filezilla? (im not a coder)
That is unusual, maybe it is not entered in the theme panel. I still see it in the page source here however
– https://www.screencast.com/t/wCpe4vfP3r
If you cannot find it, I could give you a different code to cancel it on mobile
.sf-menu {
display: none;
}
Enter it in the Advanced CSS->phones section.
