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]