This topic has 6 replies, 2 voices, and was last updated 8 years, 4 months ago ago by Jack Richardson
Hello,
I got a problem here.
I setup the header type to variant 7 to show all of the dress, with all the default demo setting.
But if I open the homepage from phone, the picture will shown so tiny, like image number 4.
So I try to change the Padding > Whole Grid Padding > Right to 0, then the dress will collide with the menu as shown in image number 1.
I try to change the padding so I could get a fullwidth view of the dress as shown in image number 5.
Do you have any solution?
Thank you so much
Hello,
I’ve changed grid layout to “Boxed” as shown on the screenshot http://prntscr.com/bst4ug
Please check the site now.
Best regards,
Jack Richardson.
Hello Jack,
I see the change on my website.
I tried this before, but I don’t want to shrink the homepage look.
I want to keep it fullwidth, while maintaining fullwidth also if open by phone.
Maybe it can be add some custom css to make the
Whole Grid Padding: right: 250
only if it open on browser and tablet?
But if it open on phone the Whole Grid Padding: right: should be 0.
How about that?
Thank you
Hello,
Try the following css code in Theme Options > Styling > Custom CSS > Custom CSS for desktop section:
.home .esg-grid.esg-layout-even.esg-container {
padding-right: 250px !important;
}
Best regards,
Jack Richardson.
Whoa!
It’s done perfectly!
Thank you jack! 🙂
Hello,
You are welcome.
Best regards,
Jack Richardson.
The issue related to '‘Whole Grid Padding Issue’' has been successfully resolved, and the topic is now closed for further responses