Whole Grid Padding Issue - by daniel50409

This topic has 6 replies, 2 voices, and was last updated 7 years, 9 months ago ago by Jack Richardson

  • Avatar: daniel50409
    daniel50409
    Participant
    July 14, 2016 at 12:53

    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

    Please, contact administrator
    for this information.
    5 Answers
    Avatar: Jack Richardson
    Jack Richardson
    Support staff
    July 14, 2016 at 13:47

    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.

    Avatar: daniel50409
    daniel50409
    Participant
    July 14, 2016 at 14:02

    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

    Avatar: Jack Richardson
    Jack Richardson
    Support staff
    July 14, 2016 at 16:42

    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.

    Avatar: daniel50409
    daniel50409
    Participant
    July 18, 2016 at 03:11

    Whoa!

    It’s done perfectly!

    Thank you jack! 🙂

    Avatar: Jack Richardson
    Jack Richardson
    Support staff
    July 18, 2016 at 07:37

    Hello,

    You are welcome.

    Best regards,
    Jack Richardson.

  • Viewing 6 results - 1 through 6 (of 6 total)

The issue related to '‘Whole Grid Padding Issue’' has been successfully resolved, and the topic is now closed for further responses

We're using our own and third-party cookies to improve your experience and our website. Keep on browsing to accept our cookie policy.