AlyRaymer

That helped! Thank you so much... I know you've done so much already but I am curious if you think there a way to keep it from folding into the hamburger menu? https://www.alyraymer.com/

@tuanphan Could you advise? Your help would be greatly appreciated!

@TheSquareSpacer Thank you so much! I'm not getting any response when I add this CSS into my site. I placed it and left it towards the bottom in case you can see something on your end that might be messing things up. Appreciate your help!

Site URL: https://www.alyraymer.com/ Hi there, I'd like to stylize the "Member Account" link in my header next to my hamburger nav. Is there a way to convert this to a button and increase the padding so it doesn't sit directly on top of the hamburger menu? Screengrab for reference, thank you in advance!

Site URL: https://alyraymertest.squarespace.com/ Hi there, I'd like to optimize some of my font sizes for mobile. I'm using H1, Image Cards, and Image Overlays and would like to inject CSS so they look more refined. I'm attaching samples below of how they are currently loading on my phone. Site: https://alyraymertest.squarespace.com/ PW: aly7654 Thank you!

Thank you! That works, testing here: Site: https://alyraymertest.squarespace.com/, PW: aly7654 Now that it's tested, is there a way to clean up and simplify this CSS? Or is it better to keep all of it? //mobile menu on desktop adjustments// @media screen and (min-width:400px) { [data-nc-base="mobile-bar"] {display: block!important; margin-top:0% } .Header, {display: none!important;}} .Mobile-overlay {width:60%; background-color:#FFF} //mobile menu center text// .Mobile-overlay-nav-item, .Mobile-overlay-folder-item { text-align: center;} .Mobile-overlay-menu {width: 100%; z-index: 1;} //custom font mobile menu// body:not(.tweak-mobile-overlay-menu-primary-style-button) .Mobile-overlay-nav .Mobile-overlay-nav-item { font-family: 'agharti-condensed-black'!important; font-size: 60px; letter-spacing:.07em; line-height: 1em; text-transform: uppercase } //mobile menu right side// .is-mobile-overlay-active .Mobile-overlay { right: 0; left: unset; } //menu text to purple/ .Mobile-overlay-nav.Mobile-overlay-nav--primary a:hover { color: #5834e7; transition: color 0.3s linear; }

Site URL: https://alyraymertest.squarespace.com/ Hi there, I have two questions I am hoping you can help me with: I'd like for my mobile nav to be on the right side instead of the left I'd like the text in the mobile menu to change color upon hover I am using the following code: //mobile menu on desktop adjustments// @media screen and (min-width:400px) { [data-nc-base="mobile-bar"] {display: block!important; margin-top:0% } .Header, {display: none!important;}} .Mobile-overlay {width:60%; background-color:#FFF} //mobile menu on desktop adjustments// .Mobile-overlay-nav-item, .Mobile-overlay-folder-item { text-align: center;} .Mobile-overlay-menu {width: 100%; z-index: 1;} //custom font mobile menu// body:not(.tweak-mobile-overlay-menu-primary-style-button) .Mobile-overlay-nav .Mobile-overlay-nav-item { font-family: 'agharti-condensed-black'!important; font-size: 60px; letter-spacing:.07em; line-height: 1em; text-transform: uppercase } Thank you in advance! 🙂 Site: https://alyraymertest.squarespace.com/, PW: aly7654

Hi BaNgan, Thanks for getting back me. I'd like to add a white border to the entire site EXCEPT for the footer. If you look at this page, I want to have a white border around all of the index images and leave the footer as is. Does that make sense? PW: fish123

Site URL: https://alyraymertest.squarespace.com/ Hi there, I'd like to add a border to the nav and index of my site while keeping the footer full bleed. Is that possible to accomplish with CSS? My thought was to add a border in the site styles section but use code to eliminate the border on the footer. Thank you! https://alyraymertest.squarespace.com/ PW: fish123