EJ119
Member-
Posts
21 -
Joined
-
Last visited
Content Type
Forums
Gallery
Blogs
Events
Store
Downloads
Profiles
Everything posted by EJ119
-
Need help changing color of hamburger menu on mobile site
EJ119 replied to EJ119's topic in Customize with code
This worked, thanks for the help!- 2 replies
-
- hamburger
- hamburger-icon
-
(and 1 more)
Tagged with:
-
Hello, I need help changing the color of the hamburger menu icon to white. It is currently a dark grey but I would like it to be white on the mobile view. I only want the hamburger icon to change to white and that's it. This is the website: https://www.sullivandesignstudio.com/ As you can see, it is a dark grey but I would like it to be white. Can you provide the code necessary to do this? Thanks!!
- 2 replies
-
- hamburger
- hamburger-icon
-
(and 1 more)
Tagged with:
-
Need help changing color of hamburger menu icon for mobile
EJ119 replied to EJ119's topic in Customize with code
-
Need help changing color of hamburger menu icon for mobile
EJ119 replied to EJ119's topic in Customize with code
Line 54 to Line 56 is the code I need to make the hamburger menu white though. What should I do? -
Need help changing color of hamburger menu icon for mobile
EJ119 replied to EJ119's topic in Customize with code
https://www.sullivandesignstudio.com/ I tried copying and pasting the code but it says there is a syntax error. -
Need help changing color of hamburger menu icon for mobile
EJ119 replied to EJ119's topic in Customize with code
https://www.sullivandesignstudio.com/ -
.header-actions .header-nav-item { padding-right:2.1w !important; /**change as needed**/ } .header-nav-list { display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-pack:end !important; -ms-flex-pack:end !important; justify-content:flex-end !important; .header-nav-item { padding-right:2.1vw !important; /**change as needed**/ } } .header-actions--right { display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-pack:justify; -ms-flex-pack:justify; justify-content:space-between; } .header-actions .header-nav-item { padding-right:2.1vw !important;//change as needed } .header-nav-list { display:flex; justify-content:flex-end !important; .header-nav-item { padding-right:2.1vw !important; //change as needed } } .header-actions--right { display:flex; justify-content:space-between; } .header-display-mobile .header-nav-item.header-nav-item--collection { display:none; } /* Home transparent */ body.homepage .header-announcement-bar-wrapper, body.homepage header#header { background: transparent !important; } h3 a:hover { color: #cd7e3c !important; } section[data-section-id="630039bc9470670078eb1643"] { border-top: 1px solid #000; } [data-section-id="5e4c4bfc089b191d4a53fa73"] { padding-top: 0 !important; } /* Home nav items */ body.homepage div.header-nav-item a { color: white !important; } // Navigation Links Spacing // .header-nav-item a { margin: 0px 2px !important; } https://static1.squarespace.com/static/5e4c49786776b00f34b723a5/t/639135c8f3a6940a6ecddad1/1670460872379/Sullivan_Logo-07+(1).png [data-section-id="5e73d711f1221176fcfd4730"] .content-wrapper { padding-top: calc(~"10vmax / 5") !important; } .header-nav-item.header-nav-item--collection { margin-right: 20px; }
-
It should be on now
-
Sorry, I took it off, let me put it back on
-
Also, I am using custom code to get the secondary navigation in the first place so maybe that has something to do with it. Meaning that the links to the right of the logo are custom because it is a secondary navigation.
-
Unfortunately, that code didn't work. It is weird because when I go edit the site header and adjust the link spacing, it shows them spaced out how I wanted but when I click save, it goes back to being packed together.
-
https://www.sullivandesignstudio.com/
-
I need help making the spacing of the navigation links to the right of the logo to be spaced the same as the ones to the left of it. The ones on the right got squished together so need to space them out to be like the left. Please refer to the photos, thank you!
-
Need help fixing spacing between logo and heading.
EJ119 replied to EJ119's topic in Site Design & Styles
Thank you so much!! -
Need help fixing spacing between logo and heading.
EJ119 replied to EJ119's topic in Site Design & Styles
Hi, I am referring to the header on the Recognition and Philanthropy pages. -
Site URL: https://www.sullivandesignstudio.com/ I want the "Giving Back" heading to be the same spacing as the "Editorial" heading. I tried adding a spacer block, and physically moving the text but it doesn't give me the spacing I want. I think what I need is code to write a custom spacing. Thank you for your help!
-
Site URL: https://www.sullivandesignstudio.com/ I am wanting to change the color of my secondary navigation to white. As you can see, all the navigation is black and I can change the primary navigation (left of logo) to white using the header styles however I cannot do the same to the right because I am using custom CSS. Can someone provide me with custom code that would allow me to change the navigation text to the right of the logo (secondary navigation) without changing it in the site styles? Thanks!
-
Site URL: https://www.sullivandesignstudio.com/ I need help making the header transparent. No matter what style (theme, dynamic, etc.) the header won't become transparent. I just want the banner slideshow images to take up the whole page instead of having a white bar at the top.