EJ119

This worked, thanks for the help!

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!!

Tried and still says there is an error.

Line 54 to Line 56 is the code I need to make the hamburger menu white though. What should I do?

https://www.sullivandesignstudio.com/

I tried copying and pasting the code but it says there is a syntax error. 

https://www.sullivandesignstudio.com/

Hello, I am wanting to change the color of the hamburger menu icon to white, as you can see in the photo, it is a brown/grey color. I want to do this while not affecting the color of anything else. Could someone provide me with the code or instructions to do so?

Thanks!

.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!

Thank you so much!!

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.