I have a new site at http://www.yogananda-youth.org and uses a rev slider on home page. Below slider there is a lot of white space that shows up on laptops and mobile phones. How do i remove this extra white space between the slider and the next element?
Thanks for the help.
Ron
Hi Ron,
Please try the following in Quick CSS under Enfold->General Styling:
.home #layer_slider_1 {
height: auto !important;
}
Best regards,
Rikard
Hi Rikard,
Thanks so much. It works great.
Now, Can we removed the “Company Name” on the mobile device?
I tried adding:
add_filter(‘avf_logo_subtext’, ‘kriesi_logo_addition’);
function kriesi_logo_addition($sub) {
$sub .= “Company Name”;
return $sub;
}
In the Appearance editor
And .logo img { display: none; } in the quick css.
This did not work. Any suggestions?
Thanks,
Ron
Hi Ron,
Thanks for the feedback, please try this CSS instead:
@media only screen and (max-width: 767px) {
span.logo {
display:none !important;
}
}
Make sure that you place it at the very top of the Quick CSS box.
Best regards,
Rikard
Thanks Rikard,
This did work, however it removed the logo as well an put the drop down icon behind the slider image. So, I decided to edit out with /*…..*/ the code in the functions.php file that created the “Company Logo” and I think it looks a little better this way.
I really appreciate your help. I hope you have a wonderful weekend.
Ron
Hi,
Glad Rikard could help, we will close this now. Thank you for using Enfold.
For your information, you can take a look at Enfold documentation here
For any other questions or issues, feel free to start new threads under Enfold sub forum and we will gladly try to help you :)
Best regards,
Mike