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
-
AuthorPosts
-
April 14, 2024 at 4:09 am #10044683waelParticipant
“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.”
April 14, 2024 at 9:37 am #10044684SupportKeymasterHi, 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.
April 14, 2024 at 7:37 pm #10044685waelParticipantHello, 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?
April 15, 2024 at 8:10 pm #10044686waelParticipantRespond to me quickly please, I bought your template and it has a defect. Because of you, I can’t work.
April 15, 2024 at 9:19 pm #10044687SupportKeymasterThis reply has been marked as private.April 15, 2024 at 10:18 pm #10044688waelParticipantI 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.
April 15, 2024 at 10:47 pm #10044690SupportKeymasterHello, 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…
April 15, 2024 at 11:12 pm #10044691waelParticipanti 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
April 15, 2024 at 11:13 pm #10044692SupportKeymasterThis reply has been marked as private.April 15, 2024 at 11:19 pm #10044693waelParticipantokay i just sent you the zip file. please check it out promptly
April 15, 2024 at 11:22 pm #10044694SupportKeymasterThis reply has been marked as private.April 16, 2024 at 2:19 am #10044695SupportKeymasterHello, 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.
April 16, 2024 at 2:27 am #10044696waelParticipantApril 16, 2024 at 2:34 am #10044699SupportKeymasterSo 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
April 16, 2024 at 2:37 am #10044700waelParticipantApril 16, 2024 at 2:42 am #10044702SupportKeymasterThis reply has been marked as private. -
AuthorPosts
This topic is marked as "RESOLVED" and can not rceive new replies.