GET 20% OFF on Joomla Templates & Extensions Developer Plan - Use Coupon Code at Checkout dev20

Support Forums

Support Offline : Mon - Fri / 10am - 6pm (GMT +6)

Your Time: Our Time:

SP pages hides behind topmenu

Featured Lock Resolved Issue
I have installed SP Pagebuilder Pro on an existing Joomla 3.8 with a customized template.
It seems like there is a problem with the position of the Pagebuilder Pages.
I seems to position from the top of the page, and not below the menu.
Img1: First row has top padding of 70px, but the header hides behind the menu.
Img2: The "Edit Page" button is in the top menu - not below as expected.
Img3: The breadcrumbs are not on the SP pages if the template position "Breadcrumbs" is used (supposed to be right under the top menu as shown on the image). If i change the position to "footer" the breadcrumbs are shown - also for the SP pages

Can you help with that?

Attachments (3)

  • img1.png
    img1.png 36.9 KB
  • img2.png
    img2.png 43.2 KB
  • img3.png
    img3.png 23.2 KB

7 Answers

Sohan - Staff

More than a month ago #Permalink
Share your site url.


More than a month ago #Permalink
The Pagebuilder pages are not in the public menu

These are SP pagebuilder pages:

Regards. Thomas

Sohan - Staff

More than a month ago #Permalink
01: Header hides behind the menu because your top navbar section got some css property. To solve this issue use this code on your custom.css file

#sp-page-builder {
padding-top: 98px;

Hope this will work.

02: For change the position of the edit page button use this provide code on your custom.css file:

#sp-page-builder .sp-pagebuilder-page-edit {
top: your desire px;

03: Publish the breadcrumb module and then knock me again

Looking forward to your reply.


More than a month ago #Permalink
Thank you very much.
I have added the suggested CSS, and the SP pages is now underneath the menu.
I have published 2 breadcrumbs modules. One positioned in position "breadcrumbs" and one in "footer" position.

On non SP pagebuilder pages both is visible:

On SP Pagebuilder pages only the footer one is in the source html

Regards Thomas

Sohan - Staff

More than a month ago #Permalink
On the pagebuilder page there is no breadcrumb position on the top. Create a new position and published the breadcrumb module on that position.


More than a month ago #Permalink
Thank you very much.
Can you give me a clue on how to create the new position?
Thanks again.

Sohan - Staff

More than a month ago #Permalink
In helix template go to template manager and open Layout tab. From here you can create new position. If you want to create a new position name then you have to add the name on the templateDetails.xml file before create the layout from layout builder.

There are no replies made for this post yet.
However, you are not allowed to reply to this post.

Leaderboard (30 days)

Paul Frankowski

Paul Frankowski

Total Accepted Answers: 175


Total Accepted Answers: 94


Total Accepted Answers: 77


Total Accepted Answers: 4

SuperSys IT Services

Total Accepted Answers: 2




Community Users


Don’t miss any updates of our new templates and extensions and all the astonishing offers we bring for you.
We never spam

Joomla! ® name is used under a limited license from Open Source Matters in the United States and other countries. is not affiliated with or endorsed by Open Source Matters or the Joomla! Project.

Connect Us