• 0
Sign in to follow this  
Followers 0

Full height masthead


Question

Posted (edited) · Report post

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!

Edited by espitia

Share this post


Link to post
Share on other sites

6 answers to this question

  • 0

Posted · Report post

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;}

Share this post


Link to post
Share on other sites
  • 0

Posted · Report post

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

Share this post


Link to post
Share on other sites
  • 0

Posted · Report post

Hi again

Please, you can try with

 

#footer  { display: none;}

:)

Share this post


Link to post
Share on other sites
  • 0

Posted · Report post

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.

Share this post


Link to post
Share on other sites
  • 0

Posted · Report post

No problem, I´m happy to help you

1 person likes this

Share this post


Link to post
Share on other sites
  • 0

Posted · Report post

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.

Share this post


Link to post
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!


Register a new account

Sign in

Already have an account? Sign in here.


Sign In Now
Sign in to follow this  
Followers 0