Jump to content

Nav bar is overlapping first section image

Recommended Posts

  • Replies 6
  • Views 2.1k
  • Created
  • Last Reply
  • 2 weeks later...
On 1/17/2021 at 2:48 AM, tuanphan said:

Add to Design > Custom CSS


header#header {
    position: relative;
}

Also, home top banner is not fullsize on mobile. Do you want to fix this?

Thank you so much!

Yes, my next question was about the resized image on mobile. If you could offer a suggestion on how I could fix this that would be hugely appreciated. Thank you again - Kris

Link to comment
On 1/13/2021 at 3:50 AM, kris90210 said:

Site URL: https://gvs.squarespace.com/

The navigation of my site (7.1) is overlapping the image in the first section. What I'm looking for is a way to begin the image once the navigation section ends. At the moment it seems that the navigation is hovering above the section.

Does anyone know if there's a way of doing this?

The password to the site is Welc0me2

Thanks in advance.

 

Incorrect password

Email me if you have need any help (free, of course.). Answer within 24 hours. 
Or send to forum message

Contact Customer Care - Learn CSS - Buy me a coffee (thank you!)

Link to comment
21 hours ago, kris90210 said:

I'm an idiot! It's Welc0me1

Sorry Tuanphan 😞

Add to Design > Custom CSS

/* resize mobile home banner */
@media screen and (max-width:767px) {
body.homepage #page section:first-child {
    min-height: unset !important;
    height: 30vh;
    margin-top: 20vh;
}
div#block-yui_3_17_2_1_1610966487417_14295 p {
    font-size: 16px !important;
    margin: 0;
}
}

I think the text should be under banner..If you want this, I will give new code

Email me if you have need any help (free, of course.). Answer within 24 hours. 
Or send to forum message

Contact Customer Care - Learn CSS - Buy me a coffee (thank you!)

Link to comment

Archived

This topic is now archived and is closed to further replies.

×
×
  • Create New...

Squarespace Webinars

Free online sessions where you’ll learn the basics and refine your Squarespace skills.

Hire a Designer

Stand out online with the help of an experienced designer or developer.