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.
Hi
Thanks for contacting us. Give me a screenshot of your issue please.
-Regards.
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
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.
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
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.