Home Page Gallery - full height??

Site URL: https://tangerine-krill-3gdl.squarespace.com/

password: hello123

Hey! I wantde my top nav to be transparent and used the code below, and it worked, but pulled up the gallery leaving a space at the bottom. How can I fix this? Thank yuo!

.Mobile-bar.Mobile-bar--top {
    position: absolute;
    background: transparent !important;
    z-index: 999 !important;
    top: 100;
    left: 0;
    width: 100%;
}
 

It looks fine here. Did you solve?

Hey mate, thanks for the reply - sorry, I should clarify - on mobile is the issue, thanks!

Also - please, one other element I'm stuck on. I'd like for the headline to be split across three lines in mobile view, so it reads:

Showhomes

Interior designed

One price

Thanks in advance, really appreciate it!

OK mobile causing all sorts of problems right now. I cant get the logo to invert either? I'm using this code, found on the forums, but not seeming to work?

<style>
.header-mobile-logo img {
    filter: invert(1);
    -webkit-filter: invert(1);
}
</style>

23 hours ago, heytom88 said:

OK mobile causing all sorts of problems right now. I cant get the logo to invert either? I'm using this code, found on the forums, but not seeming to work?

 

<style>
.header-mobile-logo img {
    filter: invert(1);
    -webkit-filter: invert(1);
}
</style>

It is code for SS 7.1, with SS 7.0, use this (for mobile)

<style>
  img.Mobile-bar-branding-logo {
    filter: invert(1);
    -webkit-filter: invert(1);
}
</style>

Thank you @tuanphan awesome stuff. 

Can you please when you have a chance take a look at the 2 other above issues please in this thread? The original one -  1) the gallery not spanning the full height of mobile, and 2) headline split across three lines, forming forced line breaks on mobile..

Thanks again! Super appreciate it

23 hours ago, heytom88 said:

Thank you @tuanphan awesome stuff. 

 

Can you please when you have a chance take a look at the 2 other above issues please in this thread? The original one -  1) the gallery not spanning the full height of mobile, and 2) headline split across three lines, forming forced line breaks on mobile..

 

Thanks again! Super appreciate it

1. can you disable autoplay? We can check easier

2. Can you make these text bold or italic?

Hey @tuanphan -

1- I've disabled autoplay, thanks.

2- And I can make the font bold in the design site styles, yes. 

Cheers!

On 5/24/2021 at 8:04 PM, heytom88 said:

Hey @tuanphan -

1- I've disabled autoplay, thanks.

2- And I can make the font bold in the design site styles, yes. 

 

Cheers!

Q1. Add to Design > Custom CSS

/* Mobile slide fullheight */
@media screen and (max-width:640px) {
body.homepage article.Index-gallery-item, .Index-gallery-wrapper.gallery-root {
    height: 100vh !important;
}
}

Q2. Need to check in admin. Can you duplicate the site & add me as a contributor? I will take a look

@tuanphan Thank you!

1 - I added the code but created a black bar at the bottom - see attached screenshot. I'll duplicate site and add you so you can take a look, thanks so much for your help

@tuanphan whats your email address so I can add you? Thanks

1. Try adding code then reload your site

Hey @tuanphan code added, reloaded and get the attached screenshot...

Thanks

I see it is same as desktop. Or you want to remove black on footer on mobile?

Hey @tuanphan Yeah the issue is mobile - the image doesnt stretch to the bottom, you see in screenshot there is the lighter grey strip, that shouldn't be there if the image stretches fully to the bottom? What do you think?

Cheers

@tuanphan Hey mate - any thoughts on why this might be happening and how to fix?

Also to the final point - the home page, needing a fix on how to have the headline split across three lines, forming forced line breaks on mobile.. so it's reading:

Showhomes.
Interior designed.
One price.

Thank you!