Updated Hope To SP Pagebuilder Pro Version: 4.0.4 And Top Menu Broke - Question | JoomShaper

Updated Hope To SP Pagebuilder Pro Version: 4.0.4 And Top Menu Broke

MT

Mary Trifault

SP Page Builder 1 year ago

Hello

I am using the Hope Template https://www.joomshaper.com/joomla-templates/hope on my site https://daniell271.sg-host.com/

When I updated to SP Page Builder 4.04 from 3.8.8, my menu broke and I don't know how to fix it. What happened? the main menu dropped down a line and the button (in my case it says "Subscribe") moved to the center of the screen.

How do I fix this so the button goes back to the top right position (in module manager it says: Note: For Top Right Position)

Thank you.

0
5 Answers
Mehtaz Afsana Borsha
Mehtaz Afsana Borsha
Accepted Answer
Support Agent 1 year ago #85536

Hi

Thanks for contacting us. Give me a screenshot of your issue please.

-Regards.

0
MT
Mary Trifault
Accepted Answer
1 year ago #85605

Here is a link to the image of the broken menu positioning after upgrade to sp4.04: https://www.awesomescreenshot.com/image/32613457?key=06d05c8619abc7428288dd3c3f49ba59

Here is a link to the image of a page with how the menu is supposed to look: https://www.awesomescreenshot.com/image/32613578?key=90d0e98027957eb03d735d53a89c6383

0
Mehtaz Afsana Borsha
Mehtaz Afsana Borsha
Accepted Answer
Support Agent 1 year ago #85704

Hi

Use this custom CSS


@media (min-width: 1200px){
a#btn-15051957152480{
    position: relative;
    left: 600px;
}
.sp-megamenu-parent{
  bottom:60px;
  right:50px;
}

}

@media only screen and (max-width: 1180px) and (min-width: 768px)  {
a#btn-15051957152480{
    position: relative;
    left: 60px;
}
}

Custom css for Joomla 3 Note: Path towards custom CSS: Extensions>Templates>Styles> Click on your current default template name then choose Template Options. Then find custom CSS within the custom code.

Custom css for Joomla 4 Go to system--> https://prnt.sc/tDbSUJh6LiGu --> Default template-->Template options--> https://prnt.sc/A5nlsBvCQsqs And add your CSS there.

0
MT
Mary Trifault
Accepted Answer
1 year ago #85809

Thank you. This code fixed the content on the home and contact us page, but it broke it on the News and Blog page for Desktop and Tablet landscape.

Screenshot for Desktop - Corrected: Home - https://www.awesomescreenshot.com/image/32656821?key=129aa11c346af9ac780f0e38ad360029 Broken: News & Blog - https://www.awesomescreenshot.com/image/32656848?key=7408fa1bc559fe5fb36bec19328a2bc2

the submit button disappears and the whole menu moved up and left on the News & Blog page

Screenshot for Tablet Broken Landscape - 1024 x 768: Home - https://www.awesomescreenshot.com/image/32656903?key=06b425c3103a64a6a190eb1b0eac25b6 Broken Portait - 768 x 1024 - Home - https://www.awesomescreenshot.com/image/32656949?key=8a4c7b704be5a4604e101b2c5d718ef5

Screenshot for Mobile Correct Landscape - 667 x 375 - Home - https://www.awesomescreenshot.com/image/32657297?key=dd18df272301393a19199ad0ffb2d9e2 Broken Portrait - 375 x 667 - Home - https://www.awesomescreenshot.com/image/32657280?key=0f9bb5d260469e198f13bd4cfb35c99e

0
Mehtaz Afsana Borsha
Mehtaz Afsana Borsha
Accepted Answer
Support Agent 1 year ago #85973

For this it needs too many customization which is beyond our support policy. It's better you can keep a backup and make this menu portion again.

0