Menu Suddenly Aligned Wrong - Question | JoomShaper
Black Friday sale is live with flat 50% OFF. Sale ends soon! Grab your deal now!

Menu Suddenly Aligned Wrong

AW

Anders Wiik

SP Page Builder 3 years ago

Hi, After updating to new Joomla version or upgrading the SP Page builder / Helix Ultimate. My main meny has been aligned to the right where it before upgrading was centered positioned. I am afraid I am not aware of how I change this back again and ask if there is someone who can help with this issue. On the link you can see the result of the upgrade: https://www.dropbox.com/sh/b0wct0ydhokrv6k/AACUEHhyNaRs-C6U_Cbm6aEga?dl=0

What can I do to fix this?

/Anders

0
11 Answers
Paul Frankowski
Paul Frankowski
Accepted Answer
Senior Staff 3 years ago #47503

Hi,

hopefully easy to fix. One of solution:

  1. Here: templates/shaper_helixultimate/css/custom.css
  2. Add the below custom CSS,
  3. then clear browser cache deeply. Tip was also inside Helix documenation.
#sp-menu .align-items-center.justify-content-end {
    justify-content: center !important;}
0
Ariba
Ariba
Accepted Answer
Support Agent 3 years ago #47505

Hello

Thank you for your query.

Please go to "Template Options", from "Basic" settings select "Fullwidth Center" as the header and see if it helps.

helix2-menu-center.JPG

0
AW
Anders Wiik
Accepted Answer
3 years ago #47510

Sorry, Tried both and still the same result. Menu aligned to the right.

Seems lite more css code has vanished. Links that are active are suddenly black which was white before...

/Anders

0
Paul Frankowski
Paul Frankowski
Accepted Answer
Senior Staff 3 years ago #47511

Test on different browser maybe, seems to be OK

foto_7388_2021.jpg

0
AW
Anders Wiik
Accepted Answer
3 years ago #47514

Sorry again, I was wrong. It is centered. Must have been cache.... The menu is with transparent background and when scrolling down it turns white but now it is not 100% width as before. See picture: https://www.dropbox.com/sh/b0wct0ydhokrv6k/AACUEHhyNaRs-C6U_Cbm6aEga?dl=0

  • active meny item is black. Should only be black when white background.
0
Paul Frankowski
Paul Frankowski
Accepted Answer
Senior Staff 3 years ago #47519

add also this:

.sp-megamenu-wrapper.d-flex {
    width: 100%; justify-content: center;}
0
AW
Anders Wiik
Accepted Answer
3 years ago #47543

Changed this as well but have still design difference since before upgrading.

0
Paul Frankowski
Paul Frankowski
Accepted Answer
Senior Staff 3 years ago #47735

what is missing?

0
AW
Anders Wiik
Accepted Answer
3 years ago #47787

when scrolling down on the page the menu should change color and have the width of 100% of the page size. This has changed and I demonstrate it in the picture: https://www.dropbox.com/sh/b0wct0ydhokrv6k/AACUEHhyNaRs-C6U_Cbm6aEga?dl=0

Seems to be that custom css has been overwritten when the upgrade took place.

0
Paul Frankowski
Paul Frankowski
Accepted Answer
Senior Staff 3 years ago #47810

Sorry, my mistake I forgot to paste you also this line

#sp-header.header-sticky .sp-megamenu-parent {
    width: 100%; }
0
AW
Anders Wiik
Accepted Answer
3 years ago #47822

Hi. I have added this lines of code:

#sp-menu .align-items-center.justify-content-end {
    justify-content: center !important;}

.sp-megamenu-wrapper.d-flex {
    width: 100%; justify-content: center;}

#sp-header.header-sticky .sp-megamenu-parent {
    width: 100%; }
    Still when scrolling down the menu bar is not 100% wide.
0