This is not a problem until I view my site on a mobile. When it switches to mobile, an extra dark line appears at the top. When there is a header, it is just under the header. How do I remove it?
It didn't work in the main options. I had to put it into the page's css code. Am I doing something wrong? I would rather put it in the main one instead of putting it in each page.
This is not a problem until I view my site on a mobile. When it switches to mobile, an extra dark line appears at the top. When there is a header, it is just under the header. How do I remove it?
Thank you in advance
Hey Again,
Add this into the Custom CSS box located in your Salient Options panel (Make Sure there are no red cross in the Box) :
@media only screen and (max-width: 1000px) and (min-width: 1px) { #header-space[data-header-mobile-fixed="1"] { display: none !important; } }Thanks
ThemeNectar Support Team
Hi Tahir,
Thank you but it isn't 100%
It didn't work in the main options. I had to put it into the page's css code. Am I doing something wrong? I would rather put it in the main one instead of putting it in each page.
Hey Again,
Check your custom css box and make sure there is not a single red cross in it as that would cause the css under it to not show up on the Front End.
B.est
ThemeNectar Support Team
There were no red crosses. There were two orange triangles though saying that they were unidentified and may be slow
Then i dont see any other reason other than cache for it to not show up on the Frontend .
Please clear your cache using this guide: Clear Cache where applicable .
Thanks
ThemeNectar Support Team
Thank you that worked great