Issue With Breadcrumb Spacing In Helix Ultimate And Pagebuilder Templates - Question | JoomShaper

Issue With Breadcrumb Spacing In Helix Ultimate And Pagebuilder Templates

SS

Steven Saunders

Template 1 year ago

Hello Joomshaper Support Team,

I am experiencing an issue with the breadcrumb spacing on my Joomla website using the Helix Ultimate and SP Pagebuilder templates. The problem is as follows:

Problem Statement:

Helix Ultimate Template: When adjusting the breadcrumb margin-top to remove excess white space, it looks perfect in Helix Ultimate with a margin of -100px. However, this adjustment causes the breadcrumb to disappear entirely in the Pagebuilder template.

SP Pagebuilder Template: Setting the breadcrumb margin-top to 0px works well in Pagebuilder, but it results in a lot of unwanted white space in the Helix Ultimate template.

What I Have Tried:

I have applied the following CSS to adjust the breadcrumb spacing, which works perfectly for Helix Ultimate but causes the breadcrumb to disappear in Pagebuilder:

css Copy code .helix-ultimate .breadcrumb { margin-top: -100px !important; } I attempted to counterbalance this by resetting the margin in Pagebuilder, but it didn't resolve the issue:

css Copy code .pagebuilder .breadcrumb { margin-top: 0 !important; }

Request for Assistance:

I am seeking your assistance to achieve the following:

Consistent Breadcrumb Display: Ensure that the breadcrumb displays correctly in both Helix Ultimate and Pagebuilder without unwanted white space. Separate Styling: Apply separate styling for each template so that adjustments in one does not negatively affect the other. Additional Information:

Joomla Version: [Current 5-28-2024] Helix Ultimate Version: [Current 5-28-2024] SP Pagebuilder 5 Pro Version: [Current 5-28-2024n]

0
4 Answers
Rashida Rahman
Rashida Rahman
Accepted Answer
Support Agent 1 year ago #158154

Hi there!

Thanks for the direction.

It was padding on top. Please use the following code in your custom CSS:

body.com-content #sp-main-body {
    padding: 0;
}

This should help!

Here is all about custom code placement in Helix Ultimate: https://www.joomshaper.com/documentation/helix-framework/custom-code-css-js-meta

Best Regards

0
Rashida Rahman
Rashida Rahman
Accepted Answer
Support Agent 1 year ago #158113

Hi there!

Thanks for reaching out.

Would you please give me two page links where the breadcrumb position seems different? At this moment I have visited almost all of your pages and the position seems quite same to me. All of them are SP Page builder pages.

Best Regards

0
SS
Steven Saunders
Accepted Answer
1 year ago #158114

Hi, the Top and State pages are all Pagebuilder pages. Please search for Alabama using the search bar, then choose Albertville which will bring up Helix pages. Too much Helix white space between breadcrumb & menu/header. When I adjusted Helix template CSS to -100 it looks great but then Pagebuilder page breadcrum dissapears. I'm trying to lose the white space but keep the breadcrumb on both Helix & Pagebuilder. Thank you.

0
Rashida Rahman
Rashida Rahman
Accepted Answer
Support Agent 1 year ago #158237

Thanks for accepting the answer:)

Have a nice day!

0