Hamps Posted June 17, 2020 Share Posted June 17, 2020 Site URL: https://hampseshop.com HI, Is there a way to change the background menu color in mobile view? The menu that pops up when clicks to the hamburger icon. I'm using squarespace 7.0 Thank You Link to comment
tuanphan Posted June 17, 2020 Share Posted June 17, 2020 Add to Home > Design > Custom CSS @media screen and (max-width:768px) { div#overlayNav { background: red; } } Email me if you have need any help (free, of course.). Answer within 24 hours. Or send to forum message Contact Customer Care - Learn CSS - Buy me a coffee (thank you!) Link to comment
Juelz Posted May 4, 2021 Share Posted May 4, 2021 I used to be able and customize each site and section now with the new Style Editor I'm not sure how to edit seperately anymore. How can I change the style of the mobile menu? Link to comment
tuanphan Posted May 6, 2021 Share Posted May 6, 2021 On 5/5/2021 at 6:44 AM, Juelz said: * www.soulmaidjewelry.com Change menu background or menu items color? Email me if you have need any help (free, of course.). Answer within 24 hours. Or send to forum message Contact Customer Care - Learn CSS - Buy me a coffee (thank you!) Link to comment
Juelz Posted May 6, 2021 Share Posted May 6, 2021 2 hours ago, tuanphan said: Change menu background or menu items color? 1) Both if possible, I'd like to use the same color theme as the rest of my website but fpr some reason it doesn't apply on the mobile menu page. 2) Can the drop down arrows point downward instead of right? Attaching an example: Link to comment
tuanphan Posted May 7, 2021 Share Posted May 7, 2021 19 hours ago, Juelz said: 1) Both if possible, I'd like to use the same color theme as the rest of my website but fpr some reason it doesn't apply on the mobile menu page. 2) Can the drop down arrows point downward instead of right? Attaching an example: Add to Design > Custom CSS .header-menu-bg.theme-bg--primary { background: black; } .header-menu-nav * { color: red !important; } span.chevron.chevron--right { transform: rotate(135deg); } Juelz 1 Email me if you have need any help (free, of course.). Answer within 24 hours. Or send to forum message Contact Customer Care - Learn CSS - Buy me a coffee (thank you!) Link to comment
Juelz Posted May 8, 2021 Share Posted May 8, 2021 20 hours ago, tuanphan said: .header-menu-bg.theme-bg--primary { background: black; } .header-menu-nav * { color: red !important; } span.chevron.chevron--right { transform: rotate(135deg); } You're the best, THANK YOU!!!!! Link to comment
BreannaD Posted May 11, 2021 Share Posted May 11, 2021 Hello! Is there anyway to change the color of the button and the text in the button as well? and the Close button at the top? Thank you! Link to comment
tuanphan Posted May 12, 2021 Share Posted May 12, 2021 8 hours ago, BreannaD said: Hello! Is there anyway to change the color of the button and the text in the button as well? and the Close button at the top? Thank you! Where is button? Email me if you have need any help (free, of course.). Answer within 24 hours. Or send to forum message Contact Customer Care - Learn CSS - Buy me a coffee (thank you!) Link to comment
tuanphan Posted May 12, 2021 Share Posted May 12, 2021 Also, do you need to fix these problems? Site URL – https://www.soulmaidjewelry.com/ 1. (Mobile-Overlay Menu) Change “X” color? 2. (Mobile-Homepage) Change to 2 products/row? 3. (Mobile-Footer) Reduce logo size? 4. (Mobile-Footer) Align left Disclaimer 5. (Footer-Mobile) Move logo to top of footer? 6. (Tablet-Homepage) Reduce these white space? 7. (Tablet-Homepage) Change to 2 products/row? 8. (Mobile-Shop Categories) Make 2 items/row? 9. (Mobile-Shop) Show category links on top of products? 10. (Mobile-Products) Show breadcrumb on top of producs? Show thumbnails under big image? 11. (Blog) You haven’t changed SEO Title so the browser tab name still shows “Blog 1” 12. (Tablet-Blog posts) Increase text width? 13. (All devices) Add Tag/Category name on top of posts on Tag/Category page? Email me if you have need any help (free, of course.). Answer within 24 hours. Or send to forum message Contact Customer Care - Learn CSS - Buy me a coffee (thank you!) Link to comment
KateLouise Posted June 9, 2021 Share Posted June 9, 2021 Hi there! Is it possible to get code to do the same to my site - I want the mobile menu to be the same color theme as the rest of the site (change to black background, 'Darkest 1' theme). https://www.katelouise.art/ Thank you for any help in advance! Link to comment
tuanphan Posted June 10, 2021 Share Posted June 10, 2021 8 hours ago, KateLouise said: Hi there! Is it possible to get code to do the same to my site - I want the mobile menu to be the same color theme as the rest of the site (change to black background, 'Darkest 1' theme). https://www.katelouise.art/ Thank you for any help in advance! For entire site or homepage only? Email me if you have need any help (free, of course.). Answer within 24 hours. Or send to forum message Contact Customer Care - Learn CSS - Buy me a coffee (thank you!) Link to comment
KateLouise Posted June 10, 2021 Share Posted June 10, 2021 Just for the menu page on mobile view - the one that is white in the screenshot. I just want to turn that page black with white writing, like the rest of the site. (The link again in case - https://www.katelouise.art/) Link to comment
tuanphan Posted June 11, 2021 Share Posted June 11, 2021 On 6/10/2021 at 12:28 PM, KateLouise said: Just for the menu page on mobile view - the one that is white in the screenshot. I just want to turn that page black with white writing, like the rest of the site. (The link again in case - https://www.katelouise.art/) Add to Design > Custom CSS /* Mobile menu */ .header-menu-bg.theme-bg--primary { background-color: black; } body.header--menu-open header#header * { color: white !important; } KateLouise 1 Email me if you have need any help (free, of course.). Answer within 24 hours. Or send to forum message Contact Customer Care - Learn CSS - Buy me a coffee (thank you!) Link to comment
KateLouise Posted June 11, 2021 Share Posted June 11, 2021 Thank you so much, that worked! Link to comment
AlishaK Posted June 12, 2021 Share Posted June 12, 2021 May I get some assistance with changing the button style in the mobile menu? I'm trying to change the font and color. I'd like the button color to stay blue but the font to change to the hex and font-family below. I've tried this: .button.header-cta * { color: #F7EFE7; font-family: 'MDNichrome0.7'; } Site is here: https://bamboo-icosahedron-37sw.squarespace.com/ Thank you! Link to comment
tuanphan Posted June 14, 2021 Share Posted June 14, 2021 On 6/12/2021 at 9:23 PM, AlishaK said: May I get some assistance with changing the button style in the mobile menu? I'm trying to change the font and color. I'd like the button color to stay blue but the font to change to the hex and font-family below. I've tried this: .button.header-cta * { color: #F7EFE7; font-family: 'MDNichrome0.7'; } Site is here: https://bamboo-icosahedron-37sw.squarespace.com/ Thank you! Hi. Use this code a.theme-btn--primary.btn { color: #F7EFE7 !important; font-family: 'MDNichrome0.7'; } Email me if you have need any help (free, of course.). Answer within 24 hours. Or send to forum message Contact Customer Care - Learn CSS - Buy me a coffee (thank you!) Link to comment
Adenphotography Posted November 27, 2021 Share Posted November 27, 2021 hi @tuanphan can i please have some help, i've tried multiple css to change the colour of my header site title on my homepage ONLY but none have worked. I want my header title to be white only on the homepage of my site. here's my site https://jaguar-lobster-k8ze.squarespace.com/ and password is photography321 much appreciated Link to comment
tuanphan Posted November 30, 2021 Share Posted November 30, 2021 On 11/28/2021 at 2:16 AM, Adenphotography said: hi @tuanphan can i please have some help, i've tried multiple css to change the colour of my header site title on my homepage ONLY but none have worked. I want my header title to be white only on the homepage of my site. here's my site https://jaguar-lobster-k8ze.squarespace.com/ and password is photography321 much appreciated Add to Design > Custom CSS body.homepage a#site-title { color: red !important; } Email me if you have need any help (free, of course.). Answer within 24 hours. Or send to forum message Contact Customer Care - Learn CSS - Buy me a coffee (thank you!) Link to comment
Elisabethh Posted May 4, 2023 Share Posted May 4, 2023 Hello @tuanphan I have a similar inquiry. I tried some of the above custom code, but it wouldn't work. on my website: www.pale-studio.com, in MOBILE view, I would like to achieve the following: - adjust mobile menu background color to #d9d2ca (it should stay transparent on desktop viewing). - Adjust mobile menu functioning to drop down, instead of a horizontal 'next page' - mobile menu: possible to adjust the two >> arrows for another icon? For example, just one arrow, up or down? Link to comment
tuanphan Posted May 6, 2023 Share Posted May 6, 2023 On 5/5/2023 at 12:05 AM, Elisabethh said: Hello @tuanphan I have a similar inquiry. I tried some of the above custom code, but it wouldn't work. on my website: www.pale-studio.com, in MOBILE view, I would like to achieve the following: - adjust mobile menu background color to #d9d2ca (it should stay transparent on desktop viewing). - Adjust mobile menu functioning to drop down, instead of a horizontal 'next page' - mobile menu: possible to adjust the two >> arrows for another icon? For example, just one arrow, up or down? #1. #3. Add to Design > Custom CSS /* Mobile Menu Dropdown */ .Mobile-overlay { background-color: #d9d2ca !important; } .Mobile-overlay-nav-item--folder:after { content: "\e009" !important; font-family: 'squarespace-ui-font' !important; } #2. I don't know this Email me if you have need any help (free, of course.). Answer within 24 hours. Or send to forum message Contact Customer Care - Learn CSS - Buy me a coffee (thank you!) Link to comment
will__lai Posted May 28, 2023 Share Posted May 28, 2023 (edited) Hi anyone knows about how to change mobile menu hamburger color? I want it white when close and black when menu open. Thanks another question: how to change the text bold of menu navigation? Edited May 28, 2023 by will__lai Link to comment
Recommended Posts
Create an account or sign in to comment
You need to be a member in order to leave a comment