2 Column Display for Mobile Site
-
Hi there!
I am trying to get my “homepage”, “recipe page” (listed in the link above) and “helpful how to’s” page on my website to show the posts in a 2 column row (side by side) instead of in a single stream of posts.
The page is controlled by widgets, therefore each category (newest creations, mains, breakfast, etc) is its own separate widget. Ideally, i would like each categories contents to display 2 photos side by side on the mobile site before moving on to the next category.
I bought a widget customizer plugin but it seems to only move the content all to a two column view on one side of the page.
I have also tried to use CSS codes others have used to fix this problem using the CSS box in the customize section of the site, but with no luck.
I am wondering if anyone on here could help me with the code to enter into my CSS box to achieve this 2 column look on the mobile site for all the pages on my website.
I am using the Foodiepro theme on wordpress hosted on bluehost.
**If you view the website on a tablet right now, it does and looks exactly how I would like the mobile site to look like, I am new to a lot of this so I am trying my best to articulate what I need help with!**
The web addresses to the pages I would like help with are below though I would like this feature to work on all pages of my mobile site if possible! It will make scrolling through my content much easier.
https://notmyfatherscooking.com/recipes/
https://notmyfatherscooking.com
https://notmyfatherscooking.com/category/https-notmyfatherscooking-com-blog/helpful-how-tos-https-notmyfatherscooking-com-blog/Thank you so much!
The page I need help with: [log in to see the link]
- The topic ‘2 Column Display for Mobile Site’ is closed to new replies.