Viewing 9 posts - 1 through 9 (of 9 total)
  • Author
    Posts
  • #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?

    #1141877

    Thanks!

    #1142018

    Hey!

    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,
    Yigit

    #1142126

    Thank 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?

    #1142623

    Hi,

    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.
    #1143500
    This reply has been marked as private.
    #1143503

    Hi,

    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,
    Yigit

    #1143504
    This reply has been marked as private.
    #1143514

    Hi,

    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

Viewing 9 posts - 1 through 9 (of 9 total)
  • The topic ‘Multiple Enfold Customization Questions’ is closed to new replies.