Tagged: social media
-
AuthorPosts
-
February 28, 2014 at 4:18 pm #230643
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?
February 28, 2014 at 4:20 pm #230646Hey 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,
YigitMarch 23, 2014 at 6:05 pm #241827Hi! 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!
March 24, 2014 at 2:46 am #241899Hey!
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,
IsmaelNovember 28, 2016 at 2:40 pm #717770They are bigger now but they don’t appear on a mobile screen (only on landscape)
November 28, 2016 at 2:42 pm #717774Hi,
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,
YigitNovember 28, 2016 at 2:45 pm #717776Hey!
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,
NikkoNovember 29, 2016 at 10:26 am #718142It works! Thanks guys for the good and quick response!!
November 29, 2016 at 10:48 am #718155Hey!
Glad we could help :)
Best regards,
Nikko -
AuthorPosts
- The topic ‘Make social media icons larger’ is closed to new replies.
