
-
AuthorPosts
-
September 24, 2019 at 9:08 pm #1141588
I have two questions regarding mobile view on my site using the Enfold theme.
Is there any way to keep the social icons the size they appear on a computer but make them smaller on mobile view so that the four icons fit in one row? Right now they’re on two rows on mobile which make them look awkward.
Mobile Screenshot: (sent privately)Just below the icons, I’m using the Horizontal Gallery to showcase some pictures. It looks great on a computer view, but on mobile view some of the pictures don’t look great (head is cut off etc). Any way to optimize the pictures for mobile or make the gallery taller on mobile so the pictures will fit properly?
Mobile Screenshot: (sent privately)A few other questions:
– The instagram footer widget doesn’t have a follower count… Is there any way to get an instagram footer widget that looks like instagram with the follower count?
– I don’t see a twitter widget available – is there one, or is it possible to have one added in a future theme update?
– The social media icons at the very top of the theme – any way to change the size to make those bigger?September 25, 2019 at 5:18 pm #1141877Thanks!
-
This reply was modified 5 years, 10 months ago by
EpicCinematicStudios.
September 25, 2019 at 9:08 pm #1142018Hey!
1- Please add following code to Quick CSS in Enfold theme options under General Styling tab
@media only screen and (max-width: 480px) { .home #av_section_4 .av-icon-char { padding: 15px; }}
2- Replied here – https://kriesi.at/support/topic/horizontal-gallery-on-mobile/
3- There might be some plugins for it but unfortunately i do not have experience with any to recommend.
4- You can generate Twitter widget here – https://publish.twitter.com/ and embed it on your website in HTML widget, Text block element or Code block element.
5- Please add following code to Quick CSS#top .social_bookmarks li a { font-size: 20px; }
Regards,
YigitSeptember 26, 2019 at 6:51 am #1142126Thank you!
For 1. (making icons smaller to fit on mobile and tablet) – I added that code where you said but nothing changed… Is that the right code?
September 27, 2019 at 9:50 am #1142623Hi,
Code is not being applied. Do you have any other custom CSS?
Please also try using following code:@media only screen and (max-width: 768px) { .home #av_section_4 a.av-icon-char { padding: 15px; }}
If that does not work either, please post WP admin logins here privately so we can look into it :)
Best regards,
Yigit-
This reply was modified 5 years, 10 months ago by
Yigit.
September 30, 2019 at 9:37 pm #1143500This reply has been marked as private.September 30, 2019 at 9:58 pm #1143503Hi,
I changed the code to following one
@media only screen and (max-width: 768px) { .home #av_section_4 a.av-icon-char { padding: 15px; } .home #av_section_4 .av_icon_caption{ font-size: 12px; } .home #av_section_4 h1.av-special-heading-tag { font-size: 30px; }}
And now both social media and stream music sections are in one row on tablet and smartphone. Please make sure to flush cache and refresh your page a few times :)
Best regards,
YigitSeptember 30, 2019 at 10:00 pm #1143504This reply has been marked as private.September 30, 2019 at 10:33 pm #1143514Hi,
You are welcome!
For your information, you can take a look at Enfold documentation here – https://kriesi.at/documentation/enfold/
If you have any other questions or issues, feel free to start a new thread under Enfold sub forum and we will gladly try to help you :)Best regards,
Yigit -
This reply was modified 5 years, 10 months ago by
-
AuthorPosts
- The topic ‘Multiple Enfold Customization Questions’ is closed to new replies.