Jump to content

Inspyre03

Member
  • Posts

    10
  • Joined

  • Last visited

Inspyre03's Achievements

  1. Thank you @tuanphan You are a tremendous help - don't know what we would do without you! Thank you again! Megan
  2. Site URL: https://www.hawkcustomhomes.com Good evening I am having an issue with the homepage layout in mobile. When I review the site in SS editor the mobile view looks great - but when I actually test on my phone the words are out of alignment. I tried adjusting some CSS and the content block itself in the editor but it didn't work. Can someone please help me fix this? Thank you so much!
  3. I'm sorry - I was able to figure how to fix the padding above the home slider. But now I have padding above the header image on the team page. I have tried a couple options but I can't figure out how to reduce the spacing above the image. https://www.hawkcustomhomes.com/team
  4. Thank you so much! I updated the code... The images layout nicely - but I still want to reduce the padding at the top. Is it possible to remove the space or is just maybe the way Squarespace resolves on mobile? When I inspect I view the sections everything with the slider looks correct regarding size - so maybe the extra padding is reducing the div class="header-announcement-bar-wrapper" the size is 574 109?
  5. Thank you - I realized I added the CSS code to the backup site: https://hawk-custom-backup.squarespace.com password to view the site is: Hawk2021 Please take a look how the CSS works I tried both lines of code and the last one stacked my headline, so I have kept it to: @media screen and (max-width:767px) { .homepage .gallery-fullscreen-slideshow[data-width="full"] { height: 40vh !important; } }
  6. Site URL: https://www.hawkcustomhomes.com I fixed the display of my slider images in mobile - they now display nicely rather than cropping them. However, I now get odd padding above the home page slider on mobile view. It is fine on desktop but not on mobile. After reading threads in the forum I added this code with my data-section-id to Design> Custom CSS. [data-section-id="5f346df87abe3a49efe960c4"] .content-wrapper {padding-top: 2px !important; padding-bottom: 10px !important;} But it still isn't working - can someone please help - I have been fighting to get this slider looking right on mobile for a few days now. Thank you so much~ Megan
  7. Thank you - I must have done something wrong - because I still see the padding above the slider - I would like to reduce that so the slider lays closer to the top under the navigation/mobile home bar.
  8. Update: I was able to get the slider to update @media screen and (max-width:767px) { .homepage .gallery-fullscreen-slideshow[data-width="full"] { height: 40vh !important; } } But now there is a weird padding at the top - can someone please show me how to remove the padding at the top and on the right and left side if possible.
  9. Site URL: https://www.hawkcustomhomes.com Good evening - I have been going through this thread and trying the various successful code snippets, but I must be doing something wrong. Maybe an incorrect section ID. Can you please take a look and send me the correct code to fix the mobile display of the home slider images so it resizes rather than crops the images? THANK YOU SO MUCH!!! Megan
×
×
  • 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.