Jump to content
Search In
  • More options...
Find results that contain...
Find results in...
Advanced Search
  • 0

Home Page Gallery - full height??


heytom88

Question

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

Link to comment
  • Answers 16
  • Created
  • Last Reply

Top Posters For This Question

16 answers to this question

Recommended Posts

  • 0

It looks fine here. Did you solve?

image.thumb.png.91610ff2debcc4a99ea294a4faea4a7e.png

Email me if you have need any help (free, of course.). Answer within 24 hours.

How to: Setup password & share url - Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care - Learn CSS - Custom Popup - Testimonial Slider

I'm Tuan, blogger/owner of a free library for children in Vietnam. Helping the community is a hobby. Contact me via email.

Link to comment
  • 0

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!

Link to comment
  • 0

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>
Link to comment
  • 0
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>

 

Email me if you have need any help (free, of course.). Answer within 24 hours.

How to: Setup password & share url - Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care - Learn CSS - Custom Popup - Testimonial Slider

I'm Tuan, blogger/owner of a free library for children in Vietnam. Helping the community is a hobby. Contact me via email.

Link to comment
  • 0

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

Link to comment
  • 0
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?

Email me if you have need any help (free, of course.). Answer within 24 hours.

How to: Setup password & share url - Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care - Learn CSS - Custom Popup - Testimonial Slider

I'm Tuan, blogger/owner of a free library for children in Vietnam. Helping the community is a hobby. Contact me via email.

Link to comment
  • 0
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

Email me if you have need any help (free, of course.). Answer within 24 hours.

How to: Setup password & share url - Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care - Learn CSS - Custom Popup - Testimonial Slider

I'm Tuan, blogger/owner of a free library for children in Vietnam. Helping the community is a hobby. Contact me via email.

Link to comment
  • 0

1. Try adding code then reload your site

Email me if you have need any help (free, of course.). Answer within 24 hours.

How to: Setup password & share url - Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care - Learn CSS - Custom Popup - Testimonial Slider

I'm Tuan, blogger/owner of a free library for children in Vietnam. Helping the community is a hobby. Contact me via email.

Link to comment
  • 0

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

Email me if you have need any help (free, of course.). Answer within 24 hours.

How to: Setup password & share url - Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care - Learn CSS - Custom Popup - Testimonial Slider

I'm Tuan, blogger/owner of a free library for children in Vietnam. Helping the community is a hobby. Contact me via email.

Link to comment
  • 0

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

Link to comment
  • 0

@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!

Screenshot 2021-06-04 at 15.20.49.png

Link to comment

Create an account or sign in to comment

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


×
×
  • Create New...