my homepage is displaying funky in mobile display. i would liked my opt in text boxs to stretch further down, get rid of the space between rows, not have my text box overlapping my recent blog posts. here is what im looking at
if you look at this website on a mobile device, it looks perfect and has a very similiar layout. I would like it to look clean vs mine (view in mobile device) any help would be appreciated. thank you
Hi There,
Thank you for writing in, please remove the height: 550px; you added on the column, that prevents your column from expanding and cut the content.
Also, balance out the margin you applied to the text element, currently it makes the element leaning to the bottom-right.
Hope it helps,
Cheers!
I have a feeling I going to have to tackle this one step at a time. ok so far what i have figured out is as i adjust the margins in the text box, it appears to pull the column/picture right along with it. like in the picture you took with the red pointing to it. I would like to get the backround picture to stay where it is but have the text box pulled away from the sides a little bit. Not sure how to do that.without pulling the picture with it?
Hi There,
Please provide your Admin credentials so we can take a closer look to your settings and provide you a tailored solution.
Thank you
Not sure if the info was provided, one more time
Hi THere,
I made some changes on your page to adjust the mobile view. Note that before I did the changes I saved your original page as Cornerstone > Template.
So in case, you decide to go back to your original settings you can restore it.
I removed most of your inline CSS on columns and rows and all the negative margins you added.
Note that is quite tricky to use negative margin as you did as it will lead sections to overlap each other, so don’t have this trick be part of your standard layout practice.
Regarding your inline CSS I recommend you to use max-height or min-height or to combine them instead of using height:
height: is absolute and also will affect the responsiveness of your website.
Also adding the background to your sections is the best practice in most cases instead of adding just on row and columns and then fixing with negative margins.
Hope that helps!
Thank you very much, I see what you mean, i adjusted the image on the top as a backround image now. Looks MUCH BETTER. Guess i still have a lot to learn
We are delighted to assist you with this.
Cheers!
This topic was automatically closed 10 days after the last reply. New replies are no longer allowed.