Hi –
I’m having a hard time making the homepage mobile friendly.
Any insights appreciated.
www.littleislemedia.com
Mobile Friendly – Homepage
This is our free support forum. Replies can take several days. If you need fast email support, please purchase a SiteOrigin Premium license.
Hi Jared
Is there a specific part of the home page you’re looking to improve for mobile?
Hey Andrew,
Two questions –
1- Under the row “”Stats” I am noticing that they do not line up next to each other. Instead they appear slightly below each other. How do I correct that?
2- I am noticing that the text is very close to the site. Example, the widget pushes up against the border of the site. How do I get it some space?
Hey :)
Edit the Stats row, open the Layout section on the right, what is the Cell Vertical Alignment set to? Change to Top if not there already.
The traditional site layout would involve making most of your rows Full Width or Standard instead of Full Width Stretched. You can also try Full Width Stretched – Padded. That’s the Row Layout setting also in the Layout section when editing each row.
Two questions –
1- Under the row “”Stats” I am noticing that they do not line up next to each other. Instead they appear slightly below each other. How do I correct that?
“Edit the Stats row, open the Layout section on the right, what is the Cell Vertical Alignment set to? Change to Top if not there already.”
Perfect! Works, thank you.
2- I am noticing that the text is very close to the site. Example, the widget pushes up against the border of the site. How do I get it some space?
“”The traditional site layout would involve making most of your rows Full Width or Standard instead of Full Width Stretched. You can also try Full Width Stretched – Padded. That’s the Row Layout setting also in the Layout section when editing each row.”
I set all rows to standard and still seeing verbiage bleed over, any other thoughts?
Row layout advice:
Standard isn’t ideal for the first row, that needs full width stretched. The second row can be standard. The third row should be at least full width to allow the black background color to be full-width. All the others can be standard except for Why not set up an free consultation? which should at least be full width to allow the background image to be full width.
The above aside, I see the issue now. Edit the page, locate Page Settings on the right, set the Page Layout to No Sidebar.
oh perfect – thank you for the insight! this worked wonders!
I’ve added the Call To Action button in the past but I couldn’t connect it to the footer at the bottom, any thoughts there? It’s not letting me label it as section,
Glad to hear you’re making progress.
I’m not quite with you. If you’ve added a widget to AppearanceWidgetsFooter and it isn’t displayed on the page, edit the page concerned, check Page Settings, ensure Footer Widgets is enabled.