SouthernSunEvents
Member-
Posts
139 -
Joined
-
Last visited
Content Type
Forums
Gallery
Blogs
Events
Store
Downloads
Profiles
Everything posted by SouthernSunEvents
-
How do I force a hamburger menu for tablet view?
SouthernSunEvents replied to typeandcolour's topic in Customize with code
Still hamburgers desktop view and now I have a sort of double logo overlap in tablet. Thanks for your help on this one. -
How do I force a hamburger menu for tablet view?
SouthernSunEvents replied to typeandcolour's topic in Customize with code
Just mobile and tablet. -
Avenue: Change block order on mobile?
SouthernSunEvents replied to cakalak's topic in Customize with code
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?- 86 replies
-
- avenue-template
- custom-css
-
(and 1 more)
Tagged with:
-
Avenue: Change block order on mobile?
SouthernSunEvents replied to cakalak's topic in Customize with code
Fixes the order perfect but reverts back when I remove the line blocks.- 86 replies
-
- avenue-template
- custom-css
-
(and 1 more)
Tagged with:
-
How do I force a hamburger menu for tablet view?
SouthernSunEvents replied to typeandcolour's topic in Customize with code
@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! -
Avenue: Change block order on mobile?
SouthernSunEvents replied to cakalak's topic in Customize with code
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!- 86 replies
-
- avenue-template
- custom-css
-
(and 1 more)
Tagged with:
-
Mobile image resize causing gray space
SouthernSunEvents replied to SouthernSunEvents's topic in Customize with code
@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! -
Avenue: Change block order on mobile?
SouthernSunEvents replied to cakalak's topic in Customize with code
Trying to switch these two image blocks on mobile view too. Any code tips? www.southernsunevents.com PW: sse2020- 86 replies
-
- avenue-template
- custom-css
-
(and 1 more)
Tagged with:
-
Mobile image resize causing gray space
SouthernSunEvents replied to SouthernSunEvents's topic in Customize with code
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. -
Mobile image resize causing gray space
SouthernSunEvents replied to SouthernSunEvents's topic in Customize with code
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! -
Mobile image resize causing gray space
SouthernSunEvents replied to SouthernSunEvents's topic in Customize with code
How can I see what that looks like? Thanks! -
Mobile image resize causing gray space
SouthernSunEvents replied to SouthernSunEvents's topic in Customize with code
-
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; } }
-
Banner Image Won't Resize for Mobile View
SouthernSunEvents replied to TheIDBootCamp's topic in Fonts, colors and images
@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; } }- 509 replies
-
How do I force a hamburger menu for tablet view?
SouthernSunEvents replied to typeandcolour's topic in Customize with code
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!! -
How do I force a hamburger menu for tablet view?
SouthernSunEvents replied to typeandcolour's topic in Customize with code
@bangank36Works great but I want to keep my normal nav bar on the desktop version. -
How do I force a hamburger menu for tablet view?
SouthernSunEvents replied to typeandcolour's topic in Customize with code
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 -
How do I force a hamburger menu for tablet view?
SouthernSunEvents replied to typeandcolour's topic in Customize with code
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 -
Banner Image Won't Resize for Mobile View
SouthernSunEvents replied to TheIDBootCamp's topic in Fonts, colors and images
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- 509 replies
-
Banner Image Won't Resize for Mobile View
SouthernSunEvents replied to TheIDBootCamp's topic in Fonts, colors and images
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>- 509 replies
-
Change block order in mobile
SouthernSunEvents replied to MaggieBovary's topic in Customize with code
This is perfect. Thank you! -
Banner Image Won't Resize for Mobile View
SouthernSunEvents replied to TheIDBootCamp's topic in Fonts, colors and images
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!- 509 replies
-
Change block order in mobile
SouthernSunEvents replied to MaggieBovary's topic in Customize with code
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 -
Banner Image Won't Resize for Mobile View
SouthernSunEvents replied to TheIDBootCamp's topic in Fonts, colors and images
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!- 509 replies