SouthernSunEvents

On 11/16/2021 at 12:30 PM, bangank36 said:

//Change the color of + button
@media screen and (min-width: 100px) and (max-width: 766px) {
  button.Mobile-bar-menu:after{
    color: red !important;  
  }
}

//Change the color of menu button
button.Mobile-bar-menu:after{
  color: red !important;
}

Worked great! Thank you so much!

On 10/26/2021 at 1:23 PM, bangank36 said:

<style>
	.Header-nav-inner > a {
	    color: #000 !important;
    }
</style>

This worked perfect but I forgot I'll also be needing to change the "+" drop down color for mobile and the "MENU" for tablet views. Any ideas? @tuanphan @bangank36

Thanks so much!

@tuanphan so stuck on this too. Looking to switch nav font color to black on mobile, tablet, and desktop views for just this single page.

www.southernsunevents.com/about-us

On 1/23/2021 at 6:24 AM, tuanphan said:

Try add this to Cover Page Header

<style>
.Header-nav-item,.Mobile-overlay-nav-item {
  color: #9b6b3b;
} 
</style>

 

@tuanphanAlso trying to change nav text color to black on this page but I'm stuck:

www.southernsunevents.com/about-us

6 hours ago, tuanphan said:

Use this

.html-block {
	padding: 1px !important;
	margin: -10px !important;
}

 

Thanks for sending this. I've been messing around with this one but it just sort of knocks everything to the left and doesn't cut any padding between text blocks.

On 6/16/2021 at 4:06 AM, tuanphan said:

Can you share link to page where you want to reduce text block?

Looking to do this sitewide. Is that even possible?

http://www.southernsunevents.com

PW: sse2020

Having the same issue on a non-index page. The banner image is cut short on mobile and tablet.

http://www.southernsunevents.com/services

PW: sse2020

3 hours ago, tuanphan said:

Add to Custom CSS

/* Disable sticky header on mobile tablet */
@media screen and (max-width:900px) {
.Mobile-bar.Mobile-bar--top {
    position: relative !important;
}
}

 

Hey @tuanphan,

This works but then makes my menu nav disappear and creates spacing at the top of each page?

7 hours ago, creedon said:

@SouthernSunEvents

Ah ha! I see the grey bands. I loaded up your site on my ancient iPhone 5/iOS v10.x and saw the grey.

Still don't have a solution but at least it's confirmation of an issue.

What I noticed is that the grey seems to be only temporary. It happened when I scrolled quickly down the page. It appeared it was taking a few seconds for the rendering to catch up and then the grey would go away.

I should've mentioned I'm pretty much 90 years old and use an iphone 5 haha. Will keep investigating!

On 7/29/2021 at 8:52 PM, SouthernSunEvents said:

ipad air model A1474

Thanks for checking!

@tuanphan Might you happen to have any insight on this one? Thanks so much!

On 8/2/2021 at 7:09 PM, creedon said:

I'm not seeing the issue your are seeing.

 

I am seeing a perhaps different issue. A white band at the right side of the website. Usually indicates an overflow issue. It appears to happen at only some screen widths.

The gray you see in this pic is not part of the screen image. It is the background behind my screen size test resolution.

These two issues could have the same cause manifesting in different ways.

I don't have a solution at this time.

Thanks for this info. @tuanphanmight you happen to have an insight on this? I appreciate everyones help!

This is what I've been searching months for! I'm curious if I can I prevent the menu nav from appearing until they are back up at the top of the page?

http://www.southernsunevents.com

PW: sse2020

On 7/10/2019 at 7:50 PM, tuanphan said:

@AndrewTomas Use z-index:999; for sqs-announcement-bar-dropzone.Also, I think maybe Squarespace has a problem, if you don't tag me, there will be no email notifications. Weird!

@tuanphan I've been struggling for months on this one. I know there are a lot of site factors to consider but might you have any ideas on how to disable the scrolling on my mobile/tablet nav? I have too many images/then white blocks and the overlap is driving me mental.

http://www.southernsunevents.com

PW: sse2020

On 6/15/2021 at 12:09 AM, aravsanj said:

Are you using custom CSS? Then it will get applied to all the pages and <style> will give you syntax error because it is not necessary. The above code best works by using it as a code block in the said pages. If you wish to use it in custom CSS, try the following.
For store:

#collection-608b810fc721e771c865110c .header-mobile-logo a {
	content: url("https://static1.squarespace.com/static/608b7f525ae4750b8a333075/t/60c495135ddb7b783f824b06/1623495958198/Untitled+design.png");
}

For info:

#collection-60c349b68f342c1eed30bf08 .header-mobile-logo a {
	content: url("https://static1.squarespace.com/static/608b7f525ae4750b8a333075/t/60c494cdd5222928e4b032a4/1623495887775/Untitled+design+%281%29.png");
}

@aravsanjStruggling with this as well for two pages mobile and tablet. I have a code injection on these pages in desktop that work great but I need to translate it for mobile/tablet.

http://www.southernsunevents.com/services

http://www.southernsunevents.com/contact-us

Site password: sse2020

On 7/28/2021 at 9:19 PM, SouthernSunEvents said:

Not solved. Happening on all banner images on  tablet too.

@creedon might you happen to have any ideas on this one? Thanks!

On 8/1/2021 at 2:49 AM, tuanphan said:

try change 991px to 1024px

works perfect thank you so much!

On 8/1/2021 at 2:47 AM, tuanphan said:

Can you share link to page where you added code? We will check it again

Just tried this again and now it magically works but now tablet nav is a mess?

Still needing help with the following:

- Keeping navigation at top of the page (no scroll)

- Cropped banner images on the following pages:

http://www.southernsunevents.com/contact-us

http://www.southernsunevents.com/services

On 8/1/2021 at 2:46 AM, tuanphan said:

You want to show logo on tablet + hide logo on mobile?

hide logo on index page of mobile and tablet - so hamburger menu only

On 7/19/2021 at 9:37 PM, SouthernSunEvents said:

@tuanphanFigured out how to do this with the help of your video block by block but curious if there's a sitewide coding fix before I spend a week straight fixing every block.

Thanks!

http://www.southernsunevents.com

PW: sse2020

Hey @tuanphan, Wanted to check to see if there's a sitewide fix for this? Thanks!

3 hours ago, tuanphan said:

Which tablet/browser do you use?

Safari on ipad air model A1474 Thanks for checking!

3 hours ago, tuanphan said:

<style>
  @media screen and (max-width:640px) {
  .Site-inner {
    top: 83px;
}
  }
</style>

No luck with this code. Any ideas on these items too? Thanks so much for your help

- Keeping navigation at top of the page (no scroll)

- Cropped banner images on the following pages:

http://www.southernsunevents.com/contact-us

http://www.southernsunevents.com/contact-us

4 hours ago, tuanphan said:

/* desktop menu on tablet */
@media screen and (max-width:900px) {
.Mobile.loaded {
    display: flex !important;
}
header.Header.Header--bottom.Header--overlay {
    display: none;
}
img.Mobile-bar-branding-logo {
    visibility: visible !important;
}
}

This seems to work but then brings back my hidden index page logo on mobile and tablet. I've been using this code for hidden index logo

/* REMOVE MOBILE HOMEPAGE LOGO */

body.homepage .Mobile-bar-branding-logo {

    visibility: hidden;

}

3 hours ago, tuanphan said:

Add to Design > Custom CSS

/* Mobile primary secondary nav spacing */
a.Mobile-overlay-nav-item {
    padding-top: 0px !important;
}

 

Thanks so much!

6 hours ago, creedon said:

@SouthernSunEvents

Can you tell us the screen size of the device? Or the make and model. It might help us determine if there is an issue near that particular screen size.

I didn't notice anything odd on my test set up.

ipad air model A1474

Thanks for checking!

Also having a similar issue where the collage blocks are disappearing or in a different location on a tablet. I included some screenshots. But sometimes when I scroll page up the page, they knock back into place. Might anyone have any insight on this? @tuanphan @creedon

http://www.southernsunevents.com/services

PW: sse2020