How to change order of items showing when on smaller screen.

[kmoody17]

Hello,

My issue is when I view my web page (Home Page) on a computer it is fine, however, once I try to view it on a tablet or phone the order of the items are not the way they need to be.

I need everything in the center to show up first, then the right side then the left side third.
Any help would be greatly appreciated.
Karen

http://friendsanimalsnassau.org

[Victor Font]

Once the DOM is defined in the browser, you can't reorder objects without a lot of effort, unless you are using CSS Grid Layout. CSS Grid Layout is was only added to modern browsers this year, with the exception of IE and Edge. You may want to consider looking into it.

---

Regards,

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

[kmoody17]

Hmm, I'm not that savvy with understanding code. I know enough to get me into trouble. LOL Is there anything that I could copy and paste into the styles sheet and add some CSS? I looked at the CSS grid layout, but like I said I'm not that savvy yet at understanding code and how it works. It looks like Greek to me. 🙂

[Victor Font]

Take a look at Rachel Andrew's site: https://gridbyexample.com/

Rachel's tutorials are excellent. Specifically, you need to bone up on grid-template-areas.

---

Regards,

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

[kmoody17]

Thank you for the information.

Karen

[Brad Dalton]

CSS Grid is now supported by Edge. Here are some resources for CSS Grid

---

Tutorials for StudioPress Themes.

[kmoody17]

Thank You

[Author]

Posts