• Skip to main content
  • Skip to forum navigation

StudioPress

  • Shop for Themes
  • My StudioPress

Forum navigation

  • Home
  • General Genesis Discussions
  • StudioPress Themes
  • Genesis Blocks
    • Genesis Blocks
    • Genesis Custom Blocks
  • Retired Themes
  • FAQs
  • Forum Rules
  • Internationalization and Translations
  • Forum Bugs and Suggestions
  • Forum Log In

Are You Using The WordPress Block Editor?

Genesis now offers plugins that help you build better sites faster with the WordPress block editor (Gutenberg). Try the feature-rich free versions of each plugin for yourself!

Genesis Blocks Genesis Custom Blocks

How to show 3 images in a row instead of one over the other on a smart phone

Welcome!

These forums are for general discussion on WordPress and Genesis. Official support for StudioPress themes is offered exclusively at My StudioPress. Responses in this forum are not guaranteed. Please note that this forum will require a new username, separate from the one used for My.StudioPress.

Log In
Register Lost Password

Community Forums › Forums › Archived Forums › Design Tips and Tricks › How to show 3 images in a row instead of one over the other on a smart phone

This topic is: not resolved
  • This topic has 3 replies, 3 voices, and was last updated 4 years, 4 months ago by Brad Dalton.
Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • October 16, 2018 at 5:53 am #223775
    chikamiku
    Participant

    I am not yet clear which Genesis theme to use. However, I am trying to make a website whereby the admin will send images from his Instagram account to his website directly. That might be an easy task. However, is there any way to show three images in one row instead of just one in one row when we see the website on our smartphone?

    Please help me if you have any ideas on how to get that done?

    Thanks and regards

    October 16, 2018 at 6:56 am #223778
    Victor Font
    Moderator

    Three images in a row on a smartphone may make them too small to pick up their details. Smartphones have incredibly small screens when it comes to displaying multiple images on a row, and it truly is not a best practice to do so.

    That being said, there are many ways to display multiple images on a row. It all depends on how you choose to display the images in the first place. Are you using Genesis column classes, a plugin, flex box, or CSS grid. If using a plugin, you may not have the flexibility you want. If using custom HTML, you can do anything you want if you have the know-how.

    At this point, you haven't provided enough detail about how things work now and where you want to take it. So suffice it to say, yes you can do 3 images in a row.


    Regards,

    Victor
    https://victorfont.com/
    Call us toll free: 844-VIC-FONT (842-3668)
    Have you requested your free website audit yet?

    October 27, 2018 at 7:57 am #224018
    chikamiku
    Participant

    Hello Victor,

    Thank you so much for the great feedback. I have started displaying Instagram images on the site. However, when I check the site, it still shows one image at a time. I have to scroll down to see the other images. However, The customer wants me to display three images on smartphone simultaneously.
    My site is this which shows just one image on a smart at any given time.

    http://tempexotic.nippondesigns.com/

    However, the below site shows three images at a time. The customer needs that style.
    http://www.fullbridge.jp/category/gallery/

    My limitation is that I have to show only those images which are coming form Instagram. Any further ideas on how to solve that issue pleaせ?
    Thanks and regards

    November 7, 2018 at 3:00 am #224209
    Brad Dalton
    Participant

    Try the WordPress gallery with 3 columns.


    Tutorials for StudioPress Themes.

  • Author
    Posts
Viewing 4 posts - 1 through 4 (of 4 total)
  • The forum ‘Design Tips and Tricks’ is closed to new topics and replies.

CTA

Ready to get started? Create a site or shop for themes.

Create a site with WP EngineShop for Themes

Footer

StudioPress

© 2023 WPEngine, Inc.

Products
  • Create a Site with WP Engine
  • Shop for Themes
  • Theme Features
  • Get Started
  • Showcase
Company
  • Brand Assets
  • Terms of Service
  • Accptable Usse Policy
  • Privacy Policy
  • Refund Policy
  • Contact Us
Community
  • Find Developers
  • Forums
  • Facebook Group
  • #GenesisWP
  • Showcase
Resources
  • StudioPress Blog
  • Help & Documentation
  • FAQs
  • Code Snippets
  • Affiliates
Connect
  • StudioPress Live
  • StudioPress FM
  • Facebook
  • Twitter
  • Dribbble