Gap Issue Between Sections

Home Forums Porto – Responsive HTML5 Template Gap Issue Between Sections

  • This topic has 15 replies, 2 voices, and was last updated 2 weeks ago by Support. This post has been viewed 165 times
Viewing 16 posts - 1 through 16 (of 16 total)
  • Author
    Posts
  • #10044683
    wael
    Participant

    “There’s an issue between the two sections in the middle of the page. Initially, they are aligned, but when I scroll down, there’s a gap that appears.”I’ve been trying to fix the issue for days using AI, but I haven’t succeeded. Thank you for your help.”


    #10044684
    Support
    Keymaster

    Hi, thanks for your purchase.

    Please send me the link to your website, the link you sent is just a local version of your site and I can’t access it.

    Kind Regards.


    #10044685
    wael
    Participant

    Hello, thank you for your feedback. I don’t have a domain name yet; I just bought the template. I launched the page in question from my code editor and noticed the issue. Which link should I send you, please?


    #10044686
    wael
    Participant

    Respond to me quickly please, I bought your template and it has a defect. Because of you, I can’t work.


    #10044687
    Support
    Keymaster
    This reply has been marked as private.
    #10044688
    wael
    Participant

    I cannot upload a file here; I can only write you text.should i open a new ticket?


    • This reply was modified 2 weeks ago by wael.
    #10044690
    Support
    Keymaster

    Hello, please understand we need to be able to access your site to provide a solution for that problem, send us as much information as you have, screenshots, HTML files, etc…


    #10044691
    wael
    Participant

    i created a zip file with everything you need as you told me to do but i can’t send it yo you i can only send text and links


    #10044692
    Support
    Keymaster
    This reply has been marked as private.
    #10044693
    wael
    Participant

    okay i just sent you the zip file. please check it out promptly


    #10044694
    Support
    Keymaster
    This reply has been marked as private.
    #10044695
    Support
    Keymaster

    Hello, I checked the files you sent and if you meant the problem in the first section you basically need to add class “mb-0” on it, so:

    <div class="home-intro bg-primary mb-0" id="home-intro">

    It will remove the margin and the gap.

    You can always try classes mt-0 and mb-0 to remove those gaps.


    #10044696
    wael
    Participant

    You’ve selected the wrong HTML file. The issue is located on the corporate index page at line 3880, specifically:<section class=”section section-parallax section-height-3 border-0 m-0


    • This reply was modified 2 weeks ago by wael.
    • This reply was modified 2 weeks ago by wael.
    #10044699
    Support
    Keymaster

    So it’s related to the parallax, this is the code you need:

    <section class="section section-parallax section-height-3 border-0 m-0" data-plugin-parallax data-plugin-options="{'speed': 7, 'parallaxHeight': '150%', 'offset': 0}" data-image-src="https://place-hold.it/1920x1000/CCC">

    Set offset to 0


    #10044700
    wael
    Participant

    It works, thank you very much for your help.


    • This reply was modified 2 weeks ago by wael.
    #10044702
    Support
    Keymaster
    This reply has been marked as private.
Viewing 16 posts - 1 through 16 (of 16 total)

This topic is marked as "RESOLVED" and can not rceive new replies.