Upgrade To PB5 Problems - Question | JoomShaper

Upgrade To PB5 Problems

H

H

SP Page Builder 11 months 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?

0
5 Answers
Mehtaz Afsana Borsha
Mehtaz Afsana Borsha
Accepted Answer
Support Agent 11 months ago #175520

Hi

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.

0
H
H
Accepted Answer
11 months ago #175578

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.

0
Mehtaz Afsana Borsha
Mehtaz Afsana Borsha
Accepted Answer
Support Agent 11 months ago #175666

Hi

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;
}
0
H
H
Accepted Answer
11 months ago #175682

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?

0
Mehtaz Afsana Borsha
Mehtaz Afsana Borsha
Accepted Answer
Support Agent 11 months ago #175692

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

0