Tagged: mobile, Responsive Design
How can I make my headings line up with their content in mobile view? To show what I mean here is the layout in the layout builder.
https://www.evernote.com/shard/s3/sh/03d64bb0-967e-4bb0-8926-def1b286dd52/9d5c33d03f6ce9ad7e2341183107fd2d
Here is the layout on a laptop. Exactly what I want.
https://www.evernote.com/shard/s3/sh/f648b4eb-8536-437b-90a3-cad2c239d361/fda7bd9ac8f19abd7ca7eeee8215636e
But when it loads on a mobile everything floats left and gets pushed one under the other. I want the four items to be stacked, but they are stacked out of order. It should go Latest News Title, Latest News, Testimonials Title, Testimonials. Here is a screenshot of what it is doing
https://www.evernote.com/shard/s3/sh/c855e131-29ae-48c1-bde1-ab4758e4e59b/164abb7bb7c979999b590d8c9d724854
Hey Vada!
Place the Latest News element inside the 2/3 column where the Blog Posts element is, put it on top. Do the same thing with the Testimonial title. You can remove the column layouts where the titles are placed before.
Cheers!
Ismael
Thanks! That was easy enough.