Tagged: social media
I’m working on a site for a retirement community and they want everything larger. I can make the text and headers larger, but I don’t know how to make the default social media icons in the Non-Fixed Header with Social Icons and Additional Navigation header option larger.
Thoughts?
Hey Andrea!
Please add following code to Quick CSS in Enfold theme options under Styling tab
#top .social_bookmarks li a { font-size: 18px; }
Best regards,
Yigit
Hi! This worked great, but now I need to move the social icons up and to the right strictly on mobile as a result. How can I do this. Thanks! Love how you guys support your work!
Hey!
You can something like this on Quick CSS or custom.css:
@media only screen and (max-width: 767px) {
.responsive #header .social_bookmarks {
width: 100%;
text-align: right;
}
}
Regards,
Ismael
They are bigger now but they don’t appear on a mobile screen (only on landscape)
Hi,
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.html_header_top #header_main .social_bookmarks {
display: block !important;
}}
Best regards,
Yigit
Hey!
Try adding this code in QUick CSS:
@media only screen and (max-width:767px) {
.responsive.html_header_top #header_main .social_bookmarks {
display: block !important;
position: absolute !important;
}
}
Let us know if it helps :)
Best regards,
Nikko
It works! Thanks guys for the good and quick response!!
Hey!
Glad we could help :)
Best regards,
Nikko