Home › Forums › WoodMart support forum › Why there have big gap in my mobile version?

Why there have big gap in my mobile version?

Viewing 16 posts - 1 through 16 (of 16 total)
  • Author
    Posts
  • October 25, 2023 at 5:20 am #506888

    evanlee01141991
    Participant

    Why there have big gap in my mobile version? But my pc version look fine.

    October 25, 2023 at 5:21 am #506889

    evanlee01141991
    Participant

    All single product page got gap.

    Attachments:
    You must be logged in to view attached files.
    October 25, 2023 at 11:45 am #507008

    Hung Pham
    Keymaster

    Hi evanlee01141991,

    No gaps on my responsive simulator https://prnt.sc/jOACLK_fznAy https://prnt.sc/Fu_70bzBvPGS

    And on my real mobile devices as well https://prnt.sc/-9-cUghINjsw https://prnt.sc/P1FNachw-SGJ

    Please clear browser cache and check again.

    Regards,

    October 26, 2023 at 5:50 am #507318

    evanlee01141991
    Participant

    Ok, will do.

    How to increase a little gap into this area? Both section are too close and this page is not allow me to use elementor to edit it.

    Attachments:
    You must be logged in to view attached files.
    October 26, 2023 at 5:54 am #507320

    evanlee01141991
    Participant

    And how to remove this both gap in homepage? mobile view

    Attachments:
    You must be logged in to view attached files.
    October 26, 2023 at 7:32 am #507334

    Hung Pham
    Keymaster

    Hi evanlee01141991,

    1. Please add below code to Theme Settings > Custom CSS > Global Custom CSS.

    
/* Increase gap in single product */
.wd-builder-off .single-product-page>div:not(:last-child) {
    margin-bottom: 55px;
}

    2. In order to remove gap sections in homepage, you can edit the page, choose Section > switch to Responsive mode and you can control paddings on mobiles.

    https://prnt.sc/BsH9wUWdNk2n

    Regards,

    October 27, 2023 at 11:49 am #507817

    evanlee01141991
    Participant

    1. Thanks.

    2. After remove all padding or make as 0, the gap still there, can check from your side?

    October 27, 2023 at 2:07 pm #507873

    Hung Pham
    Keymaster

    Hi evanlee01141991,

    Please clear browser and check again. https://prnt.sc/cPl4rp5I1IBF

    Regards,

    October 30, 2023 at 7:07 am #508343

    evanlee01141991
    Participant

    I mean this, after the blog one

    Attachments:
    You must be logged in to view attached files.
    October 30, 2023 at 12:04 pm #508435

    Hung Pham
    Keymaster

    Hi evanlee01141991,

    Please add this code to the field where you want to hide it: Theme Settings > Custom CSS > Mobile/Tablet/Desktop:

    .site-content {
    margin-bottom: 0;
}

    Regards,

    October 31, 2023 at 10:32 am #508716

    evanlee01141991
    Participant

    After putting this css > mobile

    But it’s still a gap there.

    November 1, 2023 at 5:57 am #508919

    Hung Pham
    Keymaster

    Hi evanlee01141991,

    Please clear cache and double check.

    Regards,

    November 1, 2023 at 6:35 am #508930

    evanlee01141991
    Participant

    it’s worked in mobile version, but right now it’s PC version turn having a gap. Why?

    November 1, 2023 at 7:35 am #508943

    Hung Pham
    Keymaster

    Hi evanlee01141991,

    Please clear cache and double check.

    Regards,

    November 1, 2023 at 7:57 am #508945

    evanlee01141991
    Participant

    thanks, it’s worked.

    November 1, 2023 at 11:59 am #509019

    Hung Pham
    Keymaster

    Hi evanlee01141991,

    Glad to hear your issue has been resolved. Keep us in mind for future questions and concerns, we’re always here to help!

    Regards,

  • Author
    Posts
Viewing 16 posts - 1 through 16 (of 16 total)

The topic ‘Why there have big gap in my mobile version?’ is closed to new replies.