I am unable to change Mobile view – Gap Space

This topic has 10 replies, 2 voices, and was last updated 4 months ago ago by Genius DTF

  • Avatar: Genius DTF
    Genius DTF
    Participant
    July 31, 2025 at 15:00

    in my video please see every section have huge gap space. i am unable to change . how to remove gap space in mobile view?

    https://geniusdtf.com/

    Please, contact administrator
    for this information.
    Files is visible for topic creator and
    support staff only.
    9 Answers
    Avatar: Justin
    Luca Rossi
    Support staff
    August 1, 2025 at 06:36

    Dear @Genius DTF,

    We hope this message finds you well.

    Could you kindly review the following custom CSS code and reduce the padding and margin values as needed? We believe this code can be found under XStore > Theme Options > Theme Custom CSS.

    
    body .first-section {
        padding: 160px 0 !important;
        margin-bottom: 100px !important;
    }
    body .section-bg-repeat {
        padding-top: 110px !important;
        padding-bottom: 30px !important;
    }
    

    We would greatly appreciate your assistance with this adjustment.

    Best regards,
    The 8Theme Team

    Avatar: Genius DTF
    Genius DTF
    Participant
    August 2, 2025 at 08:03
    Avatar: Genius DTF
    Genius DTF
    Participant
    August 2, 2025 at 08:08

    After adding your CSS my website 1st section width getting full. but before width never full. check screenshot.

    ==>> https://prnt.sc/AmkzmrQzss7y

    this is perfect width ==>> https://prnt.sc/F6Ue5O7sYWaQ

    After adding css my website 1st section width full.

    Solve this as soon as possible.

    Avatar: Justin
    Luca Rossi
    Support staff
    August 2, 2025 at 08:51

    Dear @Genius DTF,

    Please note that we did not request the addition of the custom CSS code. We kindly ask you to find the custom CSS and adjust it by reducing the padding and margin as necessary.

    Thank you for your attention to this matter.

    Best regards,
    The 8Theme Team

    Avatar: Genius DTF
    Genius DTF
    Participant
    August 2, 2025 at 08:56

    ohh sorry for that. It was my mistook.

    1. Now solve this in my 1st section full width issue.

    2. https://prnt.sc/YQPypUQCrVUl i am unable to find theses css in their
    body .first-section {
    padding: 160px 0 !important;
    margin-bottom: 100px !important;
    }
    body .section-bg-repeat {
    padding-top: 110px !important;
    padding-bottom: 30px !important;
    }

    Avatar: Justin
    Luca Rossi
    Support staff
    August 4, 2025 at 06:08

    Dear @Genius DTF,

    We hope this message finds you well.

    We have adjusted the padding and margin as requested. You can review the changes at the following link:

    https://tinyurl.com/2yclc7zx

    Could you please take a moment to check and let us know if everything looks as expected?

    Thank you for your continued cooperation.

    Best regards,
    The 8Theme Team

    Avatar: Genius DTF
    Genius DTF
    Participant
    August 4, 2025 at 06:46

    Now problem in my Hero 1st Section.
    getting full width==>> https://prnt.sc/-hXQPfIs9Ac5

    I don’t need Full Width. I need like this ==>> https://prnt.sc/xbFe_ytokohy

    Avatar: Justin
    Luca Rossi
    Support staff
    August 4, 2025 at 07:21

    Hi @Genius DTF,

    Can you please check again?

    Thank you!

    Avatar: Genius DTF
    Genius DTF
    Participant
    August 13, 2025 at 06:27

    Thanks for the support! My topic “I am unable to change Mobile view – Gap Space” has been successfully resolved.

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

The issue related to '‘I am unable to change Mobile view – Gap Space’' 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.