Hi,
Is it possible to add some space under the logo? Right now it seems like the logo sits on top of the animation below. I would like to add like 20px of distance between both but only on phones.
Thanks!
Érik
Hey Érik,
Please try adding this code to the Quick CSS section under Enfold > General Styling or to your child themes style.css file:
@media only screen and (max-width: 480px) {
.responsive #top .logo {
padding-bottom: 20px;
}}
Best regards,
Yigit
Hi Yigit!
I tried with this code but it does not work… Do you have another idea?
Thanks for the help!
Érik
Hi,
Please try adding !important rule to the code as following
@media only screen and (max-width: 480px) {
.responsive #top .logo {
padding-bottom: 20px !important;
}}
If that still does not work, please create a temporary admin login and post it here privately.
Best regards,
Yigit
Hi Yigit,
Still does not work. The info to log in is below.
Thanks!
Érik
Hi,
I added the code to the bottom of style.css file of your child theme in Appearance > Editor and it did work fine on my end. Please flush browser cache, refresh your page a few times and review your website :)
Best regards,
Yigit
Thanks again for the help Yigit! It is working now! : )
Hi,
Glad we could help! We really appreciate it if you rate our theme on themeforest https://themeforest.net/downloads
To know more about enfold features please check – http://kriesi.at/documentation/enfold/
Thank you for using Enfold :)
Best regards,
Vinay