Adjust three-column row for smaller screen widths

Posted in: Newspaper
Post count: 15
EMicwgroup
#368078
Oct 6, 2020 at 1:25 am

Hi,

I am fairly new to the Newspaper theme, and I have about a week to finalize my layout. You’ll probably be hearing from me a lot this week!

My first question is how to format a row with three columns so they stack vertically on smaller screen widths. I tried the tagdiv editor but my columns seem to be going all over the place on smaller screen widths, and nothing I do seems to bring order to the chaos.

Thanks!

Post count: 15
EMicwgroup
#368079
Oct 6, 2020 at 2:29 am

See it in action

http://www.wcevent.com/safety/be-ready-when-a-wildfire-ignites/

Post count: 35449
Calin
#368133
Oct 6, 2020 at 11:17 am

Hi,

You can achieve this using tagdiv Composer -> https://i.imgur.com/aTZr4WJ.jpg select the mobile view port -> https://i.imgur.com/oBrRc2F.png then select each column and in css tab set a width like this -> https://i.imgur.com/zEGyLEi.png and set it inline -> https://i.imgur.com/JOE8ymt.png and make the same for all 3 columns, the results will be these -> https://i.imgur.com/JJqilxG.png

hope this will help you!
Thank you!

Viewing 3 posts - 1 through 3 (of 3 total)
The forum ‘Newspaper’ is closed to new topics and replies.