Multiple Custom CSS on Landing Page

Hi All,

Need some help adding multiple Custom CSS to my landing page. Currently have code entered to prevent Header appearing on landing page (#collection-63dae2854181e25ad9d09c8e header {display:none}). However when I view my site in mobile view the sole image/link used to enter the site doesn't cover the entire page so I want to make the full mobile landing page a clickable link.

Is there a way to make the entire page a link and keep the header code?

Thanks!

You method of removing the header navigation is removing the entire header which isn't ideal. You probably want to use .header like this:

#collection-63dae2854181e25ad9d09c8e {
  .header {
    display:none;
  }
}

That should help half your question.

Can you share your website URL and this landing page?

Ahh thanks! Have amended that now. Header was still showing on other pages though, just not landing page so think it was working ok..!?

Website is https://www.oliverdavidphoto.com/

3 hours ago, tuanphan said:

Add to Design > Custom CSS

@media screen and (max-width:767px) {
div#block-yui_3_17_2_1_1675290347156_4010 {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 9999;
}
}

 

You superstar! Thanks so much, appreciate it!