responsive design

  • Hi,

    I am using Sela on this website: https://www.scs-pitztal.at.

    The homepage does not look nice on smartphones. The widgets are not horizontal aligned on small displays. Instead, they are in a vertical column.

    What can I do to put the widgets in a nice horizontal line also on a smartphone display size.

    Thanks for your help!

Viewing 2 replies - 1 through 2 (of 2 total)

  • You’d be hard pressed to find any responsive theme that aligns widgets horizontally in responsive as in the desktop. The content would be too narrow, it wouldn’t look good or be user friendly.

    I’d definitely agree with @garymanners ?? The reason the widgets become stacked on mobile devices is that they look much better that way on a small screen. Mobile phones are so narrow, that to have them side by side you would need super thin, tall columns.

    Give this CSS a try to see what you think:

    .front-widget-area .widget-area:nth-child(1):nth-last-child(3), .front-widget-area .widget-area:nth-child(2):nth-last-child(2), .front-widget-area .widget-area:nth-child(3):nth-last-child(1), .footer-widget-area .widget-area:nth-child(1):nth-last-child(3), .footer-widget-area .widget-area:nth-child(2):nth-last-child(2), .footer-widget-area .widget-area:nth-child(3):nth-last-child(1) {
    margin-right: 5%;
    width: 28%;
    float: left;
}

    You’re also going to run into so alignment issues, since the titles will be more likely to get pushed onto additional lines.

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘responsive design’ is closed to new replies.