hide the navigation links and header on a page

Site URL: https://apricot-cow-wepf.squarespace.com/config/pages

Hi!

I would like to hide the navigation links  header on a page. What I want is to have a " cover page" where I just see the logo. However,  7.1 doesn't offer a built-in way to permanently hide the navigation links and header on a page.

Can someone help me? It just can be done with coding.

Thank you very much

Please post the URL for a page on your site where we can see your issue. The URL you posted is for the backend of your site which won't get us anywhere.

Your site is private. Please set up a site-wide password.

Post the password here.

Adding a site-wide password is not a security breach. Please read the documentation at the link provided to understand how it works.

Please read the documentation at the link provided on how to share a link to your site to understand how it works. A link to the backend of the your site won’t work for us, i.e. a url that contains /config/.

We can then take a look at your issue.

Hi Creedon,

Sorry for my late answer and thanks for your reply:

here you have my website so you can see what I'm looking for:

https://www.tiwastudio.com/

Thanks

Add the following to Design > Custom CSS.

.homepage .header-nav {

  display : none;
  
  }

This is for v7.1.

Upon hiding the navigation I assume you'll want to provide another way for your visitors to get deeper into the site? If so you'll want to add buttons or links somewhere on the page. Or perhaps make the whole image a link. We may be able to help with that once you decide how you want people to get in.

If you need to hide other elements on the homepage that should be doable also.

Let us know how it goes.
 

Thank you very much for your help creedon. It worked!

Yws, I want to provide aonther way for my visitors to get deeper. I think Button can totally work. Do you know how can I do it?

Thanks!

6 hours ago, blancab said:

Yws, I want to provide aonther way for my visitors to get deeper. I think Button can totally work. Do you know how can I do it?

Edit the page and add button blocks as needed. You'll need to fiddle with the layout settings to get the buttons positioned in a pleasing manner.

Thanks Creedon, I already did it. I have one more question, Is the last one!

I really like how this " homepage" looks in the computer, but looks terrible in the phone. I wanted to ask if you know if it's possible to have a fix image in the phone so I design one for vertical space , in the computer we can see it horizontal, as it is.

Thanks!

@blancab

One way you might do it is to use two page sections. One for desktop, which you have. And another for mobile. Then with CSS you could swap in the desired page section for desktop or mobile.

I suggest starting with duplicating your landing page, add a page section below the desktop page section. In the new page section design for mobile. Once you're happy with how that page section looks, let us know. We should be able to provide CSS to swap sections in/out.

Hi Creedon,

Thanks again for your help. I already did what you suggest. I duplicate my landing page, put it below ( call << mobile) and add the design thai I want. I attached a screenshot. If it's ok, i m ready for your CSS help.

Thanks!

@blancab Please post the URL for the duplicate page.

Good Morning,

Here You have the link:

https://apricot-cow-wepf.squarespace.com/page-1-1

On 9/28/2021 at 4:10 PM, blancab said:

Good Morning,

Here You have the link:

https://apricot-cow-wepf.squarespace.com/page-1-1

Hi. Do you still need help on this?

@blancab

I was hoping to see a page with two sections. One section with the desktop content and one with the mobile content. With that layout we can then come up with some CSS to show/hide sections.

Hi Creedon, how are you?

I wanted to ask you if you can help me with a problem we discuss in the past regarding the landing page. I want to have two different ones. One for computer view and another for mobile. I already have two difference land pages made. I don't know if they respond to this you wrote: "I was hoping to see a page with two sections".  Can we  come up with some CSS to show/hide sections.

Thanks

4 hours ago, blancab said:

I don't know if they respond to this you wrote: "I was hoping to see a page with two sections".  Can we  come up with some CSS to show/hide sections.

The reason for having both the desktop and mobile versions on one page in their own sections as it's much easier to create the CSS to do the switching.

If you have the two versions  on different pages then the issue is not a matter of using CSS but using JavaScript to redirect to different pages. In other words the JS is more complex.

And how can I do this: having both the desktop and mobile versions on one page in their own sections.  I don't quite understand what this would look like

"The reason for having both the desktop and mobile versions on one page in their own sections" does this mean that in the top menu for example in the land page there will be a tab that says mobile, and that will be the mobile version page? 

Hi Creedon, could you give me a hand with this problem please? I would appreciate it very much