I have increased my logo size by adding the following to my CSS:
.logo, .logo a, .logo img { max-width: 246px!important; }
#header_main .container, .main_menu ul:first-child > li a { height: 150px; line-height: 150px; }
My layer slider that is at the top of my home page is now covered by the increased header size. How do I move the page down below the header?
Hi Matt,
Can you post a link to your website please?
Regards,
Josue
matt-morse.com
Many other issues going on right now as I cannot get my LayerSlider to be responsive on all devices. Any suggestions for the setting to keep it the same like the Enfold demo layer slider does?
Any luck?
Hey!
Try adding this code to the Quick CSS:
#main {
padding-top: 151px !important;
}
Cheers!
Josue
Worked great on laptop but now there is a large black space between header and content on mobile device.
Hi!
Please add following code to Quick CSS as well
@media only screen and (max-width: 989px) {
#main {
padding-top: 0px !important;
}}
Regards,
Yigit
That works now! Thank you!
Can you please advise on the following topic ASAP: https://kriesi.at/support/topic/responsive-slider-recent-blog-posts/
I am trying to complete this site in the next few hours and greatly appreciate your continued support.