We’re with you. JoomShaper is offering a 20% Discount on all plans due to the impact of COVID-19.

Support Offline : Mon - Fri / 10am - 6pm (GMT +6)

Your Time: Our Time:

Landingpage without menu

Featured Lock Resolved
Hello,

i´m using Helix Ultimate and SP Pagebuilder.
Is it possible, to make the first page as landing page, without a menu, only a button at the bottom for the next page.

Thanks

Chris

8 Answers

Paul Frankowski - Staff

More than a month ago #Permalink
Hi Chris,
yes, there are several methods to achieve this.
This is one of them:

I guess on that Landing Page you used (will use) SP Page Builder.
In that case in Options of Page > CSS section use below custom CSS code to hide whole header:


#sp-header {display: none !important; opacity: 0;}


Or to hide only top MENU

#sp-menu {display: none !important; opacity: 0;}

---
I added this tip also into Helix Ultimate Manual > FAQ
https://www.joomshaper.com/documentation/helix-framework/helixultimate#faq

Attachments (1)

  • custom_css_for_pages_sppb.png
    custom_css_for_pages_sppb.png 7.6 KB
i have add the css:
#sp-header {display: none !important; opacity: 0;}
#sp-menu {display: none !important; opacity: 0;}
and still show the header,
what more do i need?


and how to hide the footer too?
i attch a image

Attachments (1)

  • Captura de pantalla 2020-07-13 10.12.40.png
    Captura de pantalla 2020-07-13 10.12.40.png 71 KB

Paul Frankowski - Staff

3 weeks ago #Permalink
In the most basic way, I know.
Go to Helix Template Options > Layout Builder and remove those row which you don't need.
Do not complicate simple things.
But i only need remove this in a landing page, no in the complete web site.

Paul Frankowski - Staff

3 weeks ago #Permalink
If you know Joomla - you should know that template can be cloned and used as an extra theme for selected subpages, yes with different settings.

But if you like CSS method


#sp-top-bar {display: none !important; opacity: 0; visibility: hidden;}

#sp-bottom {display: none !important; opacity: 0; visibility: hidden;}

#sp-footer {display: none !important; opacity: 0; visibility: hidden;}

I am not and expert in Joomla, this is a easy way for me
Thanks
Juan Carlos

Paul Frankowski - Staff

3 weeks ago #Permalink
That's why I gave you 2 options. Have a nice day.


There are no replies made for this post yet.
Be one of the first to reply to this post!

126

Templates

333387

Community Users

Newsletter

Don’t miss any updates of our new templates and extensions and all the astonishing offers we bring for you.
We never spam

Joomla! ® name is used under a limited license from Open Source Matters in the United States and other countries. JoomShaper.com is not affiliated with or endorsed by Open Source Matters or the Joomla! Project.

Connect Us