Tagged: ,

Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • #945895

    Hi,

    I’d like the 4 icons on my contacts page (link attached) displayed in one row in mobile view. Please let me know if it is possible to achieve?

    Many thanks.

    #945914

    Hi,

    Please update Enfold to the latest version 4.3 and use new Button Row element – https://kriesi.at/themes/enfold-elegant-portfolio/#footer-template
    You can read more about Enfold 4.3 here – https://kriesi.at/archives/enfold-4-3-performance-update

    Cheers!
    Yigit

    #945917

    Thanks, Yigit, will try

    #945930

    Hey vadikcoma,
    We can help you achieve this, but right now I see that you are using 4 1/4 columns to put them in one line. Lets start by putting them all in one column.
    First ensure that custom classes are enabled by going to: Enfold Theme Options > Layour Builder > Show element options for developers and checking the box.
    Then add the class “icon-column” to the column you will have the 4 icons in:
    2018-04-24_074057
    Then add the class “icons-inline” to the 4 icons the same way. In my example, the icons were aligned center.
    Then add this code in the General Styling > Quick CSS field:

    .icons-inline {
        display: inline-block !important; 
        margin-left: 10% !important; 
    }
    .icon-column {
        display: flex !important; 
        justify-content: center !important; 
    }

    Expected results:
    2018-04-24_074822
    The 4 icons will be in-line and centered for all screen sizes. But you may want to adjust the margin-left in the code above to work for your small column, try different values that look good to you for all screen sizes.

    Best regards,
    Mike

    #945969

    Hey Mike, this worked great, thanks a lot!

    #946313

    Hi,
    Glad we were able to help, we will close this now. Thank you for using Enfold.

    For your information, you can take a look at Enfold documentation here
    and the video tutorials here
    And if there are features that you wish Enfold had, you can request them and vote the requested ones here
    For any other questions or issues, feel free to start new threads under Enfold sub forum and we will gladly try to help you :)

    Best regards,
    Mike

Viewing 6 posts - 1 through 6 (of 6 total)
  • The topic ‘Icons in one row on mobile’ is closed to new replies.