CSS / Gap Issue - Question | JoomShaper
Black Friday sale is live with flat 50% OFF. Sale ends soon! Grab your deal now!

CSS / Gap Issue

K

Kieron

Helix Framework 3 years ago

Hi ,

https://www.ashburtononline.co.nz/mcjobs

Why the gap between the top banner and the menu area? I can nowhere to edit this.

Thanks

0
4 Answers
Paul Frankowski
Paul Frankowski
Accepted Answer
Senior Staff 3 years ago #55731

Hi Kieron,

It's not a issue(!) but part of the design. Just use this custom CSS:

#sp-main-body {padding-top: 0;}

it will remove top padding from ALL pages.


... and it was descibed in Helix documenation, more info in Tip #2 from: https://www.joomshaper.com/documentation/helix-framework/helix-ultimate-2/customization-tips

0
Mehtaz Afsana Borsha
Mehtaz Afsana Borsha
Accepted Answer
Support Agent 3 years ago #55734

Hi

Use this custom css

#sp-main-body{
padding: 0 !important;
}

Path towards custom CSS: Extensions>Templates>Styles> Click on your current default template name then choose Template Options. Then find custom CSS within the custom code.

-Regards

0
K
Kieron
Accepted Answer
3 years ago #55846

Thanks so much .... Perfect!

0
Mehtaz Afsana Borsha
Mehtaz Afsana Borsha
Accepted Answer
Support Agent 3 years ago #56018

You are always welcome! Could you please accept the answer and close this post?

It would be very kind of you if you can manage some moment to give us feedback here:

https://extensions.joomla.org/extension/sp-page-builder/

https://www.trustpilot.com/review/www.joomshaper.com

Please let me know your name on the review. Thanks for being with us :)

0