Hello together
I have on the page link below:
added two social icons in the menu
Instagram and YouTube
is it possible to make these 2 icons a little bigger and colored
and mobile the distance to the hamburgermenu symbol a little bigger
thanks in advance
Friendly greetings
Franz
Hey schweg33,
To make the social icons larger try this CSS in your Enfold Theme Options ▸ General Styling ▸ Quick CSS field:
#top #wrap_all .social_bookmarks li a {
width: 40px!important;
line-height: 40px!important;
min-height: 40px!important;
font-size: 30px!important;
}
#top #wrap_all .social_bookmarks li {
height: 30px!important;
width: 40px!important;
}
#top #wrap_all .social_bookmarks {
height: 60px!important;
}
#top nav .social_bookmarks {
margin-top: -20px;
}
To invert the social icons colors try this css:
#top #wrap_all .av-social-link-youtube a {
color: #a72b1d;
}
#top #wrap_all .av-social-link-instagram a {
color: #a67658;
}
After applying the css, please clear your browser cache and check.
Best regards,
Mike
Thank you Mike
that fits now super so
you can close this ticket
kind regards
Franz
Hi,
Glad we were able to help, if you have any further questions please create a new thread and we will gladly try to help you. Thank you for using Enfold.
Best regards,
Mike