- This topic has 19 replies, 2 voices, and was last updated 7 years, 2 months ago by
.
-
Posts
-
can you please tell me how I can re-create my website (link below) using generate press? the home page fills the screen with a slider. Is that possible or something close to it?
Customer Support
Hi there,
First you need a slider plugin. My recommendation would be Smart Slider 3.
Once the slider is created, create a new page hero/header element and add the slider shortcode as page hero content.
https://docs.generatepress.com/article/header-element-overview/Then activate merge with content:
https://docs.generatepress.com/article/header-element-overview/#site-headerAnd check the full screen option:
https://docs.generatepress.com/article/header-element-overview/#page-heroMake sure the slider you created is big enough for full-screen display.
That will basically get you there.
Let me know if this helps 🙂
all this is doing is putting the slider in as a header. I want to replace the entire home page with this slider so that there is no navigation bar, no content,and no site title.
it’s not doing what I want right now. What am I doing wrong?
Not sure if I understand.
The information I provided is to recreate the example you provided which does have the site logo and navigation:
https://www.screencast.com/t/05p9hRpYif3CCan you show me what you have so far?
I’m sorry you are correct, navigation should be at the top as a transparency. what I’m seeing now is the slider underneath the navigation and then below the slider is all of the content which I can’t remove. How do I remove all the content below the slider?
I’m testing it on a different website – https://www.eatingforsucceeding.com/
Have you activate the merge option in the page hero?
https://docs.generatepress.com/article/header-element-overview/Once you do make sure to set the navigation color as well to something with transparency
https://docs.generatepress.com/article/header-element-overview/#site-headerTo hide the rest of the content after page hero, try this CSS:
.home .site { display: none; }Adding CSS: https://docs.generatepress.com/article/adding-css/
okay then how do I remove the header from the homepage? The header image is still there
You can create a Layout Element to disable the header and navigation:
https://docs.generatepress.com/article/layout-element-overview/#disable-elementThen choose Front Page under Display Rules:
https://docs.generatepress.com/article/layout-element-overview/#display-rulesproblem: if you look at https://x-thc.com/ on mobile, the slider is really tiny. I wanted to fill up the screen as much as possible. How do I do that?
also if you look on mobile, you will see that somehow I have navigation twice on the screen. I only want the top navigation. Not sure how to remove the second one. Please advise
Hmm sliders are tough to deal with on mobile.
Might be best if you use Merge on Desktop only option:
https://docs.generatepress.com/article/header-element-overview/The second menu is the default one from the theme, you can use this CSS to hide it:
@media (max-width: 768px) { .main-navigation { display: none; } }Adding CSS: https://docs.generatepress.com/article/adding-css/
I need to upload a screenshot for you. How can I do that?
You can use a service like this and provide the direct link here:
https://postimages.org/
- You must be logged in to reply to this topic.
