First of all I would like to thank you for an awesome theme. But of course with every theme some modifications needs to be done.
I have changed the Header padding of header navigation because 24px was just too much. And when I have make it smaller on 15px - Blog images where covered by Header navigation. I have masonry blog for a 1st element on my Home page. In order to solve that I have added 70px padding on top of Masonry blog (Row settings).
But now when I open my side on mobile phone there is a gray tray above Masonry blog.
How to write custom css that padding-top: 70px; will have affect only on desktop page and not on mobile. (Bdw. I added those 70px padding-top through Visual composer (Row settings).
2nd thing: If I select option Header Sticky On Mobile there is no menu option on my mobile phone. Only off canvas hamburger menu is displayed on right side and it is possible to add that really awful menu with extremely big letters :(
How to have Header Stick On Mobile turned ON and have both hamburger menus displayed on my mobile phone.
Hello,
First of all I would like to thank you for an awesome theme. But of course with every theme some modifications needs to be done.
I have changed the Header padding of header navigation because 24px was just too much. And when I have make it smaller on 15px - Blog images where covered by Header navigation. I have masonry blog for a 1st element on my Home page. In order to solve that I have added 70px padding on top of Masonry blog (Row settings).
But now when I open my side on mobile phone there is a gray tray above Masonry blog.
How to write custom css that padding-top: 70px; will have affect only on desktop page and not on mobile. (Bdw. I added those 70px padding-top through Visual composer (Row settings).
2nd thing: If I select option Header Sticky On Mobile there is no menu option on my mobile phone. Only off canvas hamburger menu is displayed on right side and it is possible to add that really awful menu with extremely big letters :(
How to have Header Stick On Mobile turned ON and have both hamburger menus displayed on my mobile phone.
Thank you
My site: testwebpage.eu
Hey,
You need to add a media query like this to limit the css to 1000px or above :
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 (min-width: 1000px) { /*Padding Css block*/ }As for the Sticky Header i am afraid we dont have any such code snippet available.
Best.
ThemeNectar Support Team