Need instructions on re-creating a website

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-header

And check the full screen option:
https://docs.generatepress.com/article/header-element-overview/#page-hero

Make 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/05p9hRpYif3C

Can 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-header

To 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-element

Then choose Front Page under Display Rules:
https://docs.generatepress.com/article/layout-element-overview/#display-rules

problem: 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/

please see the link. Using the old theme, the slider fills the entire screen. Now if you look at the website currently, the slider is tiny. I need to figure out how to make it full-screen as you can see at the link. Please advise