• Resolved marcovee

    (@marcovee)


    Hi – I have three buttons (badges) for my podcast. They are now arranged vertically in elementor in three separate blocks:

    Google Podcasts
    Apple Podcasts
    Spotify

    I would like to arrange them horizontally:
    Google Podcasts Apple Podcasts Spotify

    How do I do this?

    Thank you!!

    The page I need help with: [log in to see the link]

Viewing 4 replies - 1 through 4 (of 4 total)
  • Hi,

    To arrange them horizontally, create a section with 3 columns, 1 column for each button.

    Then control the exact alignment with the widget settings > Content > Alignment and under the Advanced tab, you may use a left/right margin per your needs.

    Let us know if that works for you.

    Thread Starter marcovee

    (@marcovee)

    Thank you!

    I got it to work on desktop + tablet, but it’s a mess on the phone screen. How to I make changes to one device and not affect the other two layouts?

    Thanks again.

    Marc

    Hi,

    By default, every setting in Elementor is affecting the website desktop view. Some settings can be edited for different device types, such as mobile devices and tablets. To make elements in your site responsive to mobile, use the device icon next to the specific setting you’re trying to edit, and select the appropriate device.

    Search for the device type icon next to the relevant setting. If you can’t see it – this means this setting is universal only and affects all devices.

    Click the device type icon and select the device for which you want to edit (desktop / mobile / tablet).

    Now you can change the settings according to your needs, and they’ll be relevant only for the selected device.

    Hi,
    Further, to have them horizontally in the mobile version, change the column width so they can be side by side and not under each other.

Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘Arranging three buttons horizontally’ is closed to new replies.