Jump to content

SouthernSunEvents

Member
  • Posts

    139
  • Joined

  • Last visited

Everything posted by SouthernSunEvents

  1. Still hamburgers desktop view and now I have a sort of double logo overlap in tablet. Thanks for your help on this one.
  2. So sorry I missed that in your last message. It works perfect, thank you so much! If time allows, might I ask for your help on these two other threads I'm needing help on?
  3. Fixes the order perfect but reverts back when I remove the line blocks.
  4. @bangank36 @tuanphan Just kidding, not solved! I confused a few threads I was keeping an eye on. I'm still getting hamburger navigation on desktop with this code. Thanks!
  5. Thanks for your response. Just did this and it seems to still be stacking the images by row Left - Right Left - Right but in this instance I want it to stack Left - Right Right - Left so that I have wedding - venue - wedding - venue. Not sure if this makes any sense typing it all out!
  6. @bangank36I'd love to keep the image looking like this and figure out how to cut the grey space. Would this be possible or should I just move forward using the code you provided earlier. Thanks so much for all of your help!
  7. Trying to switch these two image blocks on mobile view too. Any code tips? www.southernsunevents.com PW: sse2020
  8. I'm not sure I fully understand. I'd love to keep the image looking like this and figure out how to cut the grey space.
  9. Hey @bangank36 So one of the images before the code And here's after. It really zooms in on this man's face haha I'd like to keep the width to keep the full scope of the photos. Is that possible to do? Thanks so much for all of your help on this!
  10. @bangank36This works but zooms my images back in. Is there any way to keep the width of my images?
  11. Site URL: http://www.southernsunevents.com @tuanphan @bangank36 I've used the following for the image resize but now when I try to adjust the overlay text large sections get greyed out and banner images get cut/rearranged. Any ideas? First shot attached is before and second is after trying to adjust text. Site: www.southernsunevents.com Password: sse2020 Code I used for image resize... @media screen and (max-width: 640px) { .Parallax-item:nth-child(1) .Index-page-image { background-image: url('https://static1.squarespace.com/static/5e1752ffdaded31e3f9c43e4/t/5e61166c9f9a545c228981fa/1613063589855/82.N%26N-416_id109374907.jpg?format=2500w'); background-position: 48% bottom; background-repeat: no-repeat; background-size: 125%; } .Parallax-item:nth-child(1) .Index-page-image img { display: none; } } @media screen and (max-width: 640px) { .Parallax-item:nth-child(2) .Index-page-image { background-image: url('https://static1.squarespace.com/static/5e1752ffdaded31e3f9c43e4/t/601d80b87affa87cb4212442/1614193166900/Jenni+Chandler+Photog+1.jpg?format=1500w'); background-position: 48% bottom; background-repeat: no-repeat; background-size: 125%; } .Parallax-item:nth-child(2) .Index-page-image img { display: none; } } @media screen and (max-width: 640px) { .Parallax-item:nth-child(3) .Index-page-image { background-image: url('https://static1.squarespace.com/static/5e1752ffdaded31e3f9c43e4/t/5e6116f73d879f7082676743/1609349400689/BLAIRSVILLE_GEORGIA_WEDDING_MEGAN%26KYLEDSC_7045.jpg?format=1500w'); background-position: 48% bottom; background-repeat: no-repeat; background-size: 125%; } .Parallax-item:nth-child(3) .Index-page-image img { display: none; } }
  12. @tuanphanI think I've figured our the banner image resizing with the code listed below but now when I try to adjust text large sections get greyed out and banner images get cut/rearranged. Any ideas? Here's a before shot: And after: Site: www.southernsunevents.com Password: sse2020 @media screen and (max-width: 640px) { .Parallax-item:nth-child(1) .Index-page-image { background-image: url('https://static1.squarespace.com/static/5e1752ffdaded31e3f9c43e4/t/5e61166c9f9a545c228981fa/1613063589855/82.N%26N-416_id109374907.jpg?format=2500w'); background-position: 48% bottom; background-repeat: no-repeat; background-size: 125%; } .Parallax-item:nth-child(1) .Index-page-image img { display: none; } } @media screen and (max-width: 640px) { .Parallax-item:nth-child(2) .Index-page-image { background-image: url('https://static1.squarespace.com/static/5e1752ffdaded31e3f9c43e4/t/601d80b87affa87cb4212442/1614193166900/Jenni+Chandler+Photog+1.jpg?format=1500w'); background-position: 48% bottom; background-repeat: no-repeat; background-size: 125%; } .Parallax-item:nth-child(2) .Index-page-image img { display: none; } } @media screen and (max-width: 640px) { .Parallax-item:nth-child(3) .Index-page-image { background-image: url('https://static1.squarespace.com/static/5e1752ffdaded31e3f9c43e4/t/5e6116f73d879f7082676743/1609349400689/BLAIRSVILLE_GEORGIA_WEDDING_MEGAN%26KYLEDSC_7045.jpg?format=1500w'); background-position: 48% bottom; background-repeat: no-repeat; background-size: 125%; } .Parallax-item:nth-child(3) .Index-page-image img { display: none; } }
  13. Hi @tuanphan, this one has been solved but I'm looking for some assistance on this thread if you have time available to help. I so appreciate it!!
  14. @bangank36Works great but I want to keep my normal nav bar on the desktop version.
  15. Hey @bangank36, Thanks for sending this. The code completely removed my nav bar from all views. Still playing around with it over here but no luck
  16. Hey @bangank36, I just used this code and it works great but I now seem to have an index bar logo plus a logo under. Any ideas? http://www.southernsunevents.com PW: sse2020
  17. Hi @tuanphan, Just wanted to check to see if you were able to access my site as I've had a few problems with password access over the last week. It seems to be working ok for now? Thanks so much, Tatiana
  18. So sorry. I'm still getting the hang of this forum stuff. Site: www.southernsunevents.com Password: sse2020 Code I used for header fonts (in Design-Custom CSS): @media screen and (max-width: 640px) { h1 { font-size: 25px; } h2 { font-size: 30px; } h3 { font-size: 15px; } } Code used for banner image resizing/parallax (in Home-Advanced): <style> .Header-branding { display: block; max-width: 100%; max-height: 300px; content: url("https://static1.squarespace.com/static/5e1752ffdaded31e3f9c43e4/t/601967383a680b21c6600059/1612277561071/logo+1+in+white+text++-01.png") !important; /* if logo needs to be centered */ margin-left: auto; margin-right: auto; } </style> <style> @media screen and (max-width:640px) { .Parallax-item:first-child img { width: 100% !important; height: auto !important; left: 0 !important; top: 0 !important; } .Parallax-item:first-child figure { transform: unset !important; } section#about-intro { min-height: unset !important; height: 250px; } } </style> <style> @media screen and (max-width:640px) { .Parallax-item:first-child img { width: 100% !important; height: auto !important; left: 0 !important; top: 0 !important; } .Parallax-item:first-child figure { transform: unset !important; } section#explore-our-work { min-height: unset !important; height: 250px; } } </style> <style> @media screen and (max-width:640px) { .Parallax-item:first-child img { width: 100% !important; height: auto !important; left: 0 !important; top: 0 !important; } .Parallax-item:first-child figure { transform: unset !important; } section#quote { min-height: unset !important; height: 250px; } } </style>
  19. Hey @tuanphan, Thanks for looking into this. I made some progress on Saturday but now have the following issues: - Image 1 parallax is disabled while the other 2 images are active. I used the code found thinking it would disable all because I read it's easier to manage overlay text this way but for some reason it's just disabling the first image. I'd like to keep all parallax enabled if possible but at this point just looking for the simplest solution. - Text under image 1 is overlapping. Working on trying to figure this out right now. Seeing this is header 2 font and I need this section it different from the others. Same problem with images. All header 1 font but each photo requires different size fonts. Not sure where to go from here. - Image 1 text is cut off. There's a quote author listed at the bottom but it seems the spacing is bringing it down too far off or that text is not header linked. Thanks so much!
  20. Hi @tuanphan, I'm on the struggle with this too. My blocks on desktop are side by side image then text and in mobile they are resorted all 3 images on top and all 3 text blocks on bottom. I need mobile view to be image - text - image - text Website is: www.southersunevents.com Password: sse2020
  21. Hi @tuanphan I've also been going through all of these codes and trying my hand at this without success. My home page has 3 banner images with large text overlays that I need to size down for mobile view. Website is www.southernsunevents.com Password: sse2020 I so appreciate you helping all of us!
×
×
  • 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.