Staff replied SP Page Builder

Upgrade to PB5 problems

Asked by H 1 year ago Last activity 1 year ago

I am upgrading from PB3 to PB5. I run into a few small compatibility issues. I am using Joomla 4 and the HelixUltime 2.1.1. template.

The PB3 site is www.deijsmannetjes.nl (original site)
The PB5 site is www.dev.deijsmannetjes.nl (dev site)

There are a few small differences between the 2 versions of the site:

On the original site, the header and footer of each page have a red background. On the dev site, the header and footer are black.

On the original site, there is a small down-arrow on the right of the 6th menu entry ("Over ons"). On the dev site, this arrow is replace by a rectangle.

On the original site, the footer has 3 columns/modules ("Ons adres", "Downloads" and "Aanmelden newsletter"). On the dev site, the first column is moved to overlap the second.

How can I fix these 3 issues?

5 replies

Mehtaz Afsana Borsha Staff

1 year ago

Thanks for contacting us and sorry for your issue. Could you please give me your site URL and also a screenshot of your issue? I need to check.

-Regards.

H Asked this

1 year ago

The URL's are in my original post! And the problems you can see by comparing www.deijsmannetjes.nl and www.dev.deijsmannetjes.nl.

Meanwhile I found out that the first 2 problems:

On the original site, the header and footer of each page have a red background. On the dev site, the header and footer are black.
On the original site, there is a small down-arrow on the right of the 6th menu entry ("Over ons"). On the dev site, this arrow is replace by a rectangle.

Are not caused by SP Pagebuilder, but by the upgrade of helix Ultimate from version 2.0.18 to 2.1.1.

Mehtaz Afsana Borsha Staff

1 year ago

1: For background color, you can use custom CSS to change the background color. You can use this CSS in your custom.css file

#sp-top-bar{
   background: #af2626 !important;
}
#sp-footer, #sp-bottom{
    background: #af2626 !important;
}

2: For arrow icon issue, you can use this CSS in your custom.css file

body.ltr .sp-megamenu-parent>li.sp-has-child>a:after, body.ltr .sp-megamenu-parent>li.sp-has-child>span:after{
  font-family: "Font Awesome 5 Free" !important;
}

H Asked this

1 year ago

I can do that. But why is this necessary? The background color is set in the HelixUltimate template.
The arrow in the menu item is automatically set by HelixUltimate.

Is this a bug introduced in version 2.1.1?

Mehtaz Afsana Borsha Staff

1 year ago

No, its not bug. It seems ok in my end. Sometimes it may occurs, then we fix it via CSS.