Full height masthead

[espitia 0]

Hi,

 

 

Here's the page:

http://casamotif.com

 

I'm trying to get the masthead to be full height of the page. I want nothing else on the page, just the masthead.

 

Attached is what I'm seeing on my webpage right now. As you can see, right now it only goes about 50% of the page.

 

Also, when going to the page through a mobile phone, it gets redirected to mobile.casamotif.com which then shows "Site not found". What is the fix for this?

 

 

Thanks in advance!

[batman 389]

Hi espitia

 

Please, you can try to add in

Custom > Custom CSS/LESS

or in 

Child theme

 

#footer.footer.pl-region {

    display: none;}

 

or

 

footer  {

    display: none;}

[espitia 0]

Tried both, not luck. I've tried adding customer classes (.fullheight { height: 100%;} ) to the masthead section and no luck either.

[batman 389]

Hi again

Please, you can try with

 

#footer  { display: none;}

:)

[espitia 0]

That got the footer to disappear  :D

 

Now I just need the template part of the page (black background) to be 100% height.. I really appreciate your help batman.

[batman 389]

No problem, I´m happy to help you

[Danny+ 1,327]

HI,

 

I have just viewed your site and you have a lot of sections active on your homepage template, do you still want to try and have the Masthead the only active section ?

 

If so, what you will want to do is add the Masthead section to your template, and then publish your page. Now view your site without the DMS visual grid/editor active, whatever else remains, you will want to remove with CSS, this is likely going to be padding and margins. You can use the .home class from the body to prefix your styling so that it only effects the homepage.