Inspyre03
Member-
Posts
10 -
Joined
-
Last visited
Inspyre03's Achievements
-
Thank you @tuanphan You are a tremendous help - don't know what we would do without you! Thank you again! Megan
-
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!
-
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
-
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?
-
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; } }
- 5 replies
-
- mobile
- responsive-design
-
(and 1 more)
Tagged with:
-
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
-
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.
- 5 replies
-
- mobile
- responsive-design
-
(and 1 more)
Tagged with:
-
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.
- 5 replies
-
- mobile
- responsive-design
-
(and 1 more)
Tagged with:
-
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
- 5 replies
-
- mobile
- responsive-design
-
(and 1 more)
Tagged with: