Social links not appearing on mobile menu from home page.

My Social links don't appear on my mobile menu from the home page for some reason. They appear from the other pages but not the homepage.

https://www.peterotoole.ie

Any help would be great! Thanks

@niteshifte You can add this code within Custom CSS panel:

@media only screen and (max-width: 767px) {
	body.homepage header#header svg {
		fill: #000 !important;
	}
}

@niteshifte Mobile Social icons are now showing on my end. 

9 minutes ago, Lesum said:

@niteshifte You can add this code within Custom CSS panel:

@media only screen and (max-width: 767px) {
	body.homepage header#header svg {
		fill: #000 !important;
	}
}

Sorry Sam! I confused the post with another issue I have! That has indeed fixed the issue but the social media icons are in black and not grey like the links.

4 minutes ago, Lesum said:

@niteshifte Here's the updated code with social media icons in grey color:

@media only screen and (max-width: 767px) {
	body.homepage header#header svg {
		fill: #242f36 !important;
	}
}

 

You've helped me so much today Sam. Thanks so much!

Hey Sam,

I just noticed that the code above is making my shopping cart black when it should be white and also noticed the P Logo in the menu is black when it should be grey like every other page. Would you know what's up here by any chance? Thanks so much.

@niteshifte  It wasn't related to the custom code I provided earlier; the logo and cart icon color were already black. This code should resolve the issue.

@media only screen and (max-width: 767px) {
	body.homepage header#header .header-actions-action svg {
		fill: #fff !important;
	}
	body.homepage.header--menu-open header#header svg.icon--cart {
		fill: #242f36 !important;
	}
	body.homepage.header--menu-open header#header .burger-inner>div {
		background-color: #242f36 !important;
	}
	body.homepage.header--menu-open header#header img {
		filter: invert(0) !important;
		-webkit-filter: invert(0) !important;
		content: url("https://images.squarespace-cdn.com/content/v1/63af95137b2cb6535c0acc33/23d81b68-005b-4283-a2a6-e03bf92a2f58/Artboard+17.png?format=1500w") !important;
	}
}

2 minutes ago, Lesum said:

@niteshifte  It wasn't related to the custom code I provided earlier; the logo and cart icon color were already black. This code should resolve the issue.

@media only screen and (max-width: 767px) {
	body.homepage header#header .header-actions-action svg {
		fill: #fff !important;
	}
	body.homepage.header--menu-open header#header svg.icon--cart {
		fill: #242f36 !important;
	}
	body.homepage.header--menu-open header#header .burger-inner>div {
		background-color: #242f36 !important;
	}
	body.homepage.header--menu-open header#header img {
		filter: invert(0) !important;
		-webkit-filter: invert(0) !important;
		content: url("https://images.squarespace-cdn.com/content/v1/63af951…/23d81b68-005b-4283-a2a6-e03bf92a2f58/Artboard+17.png");
	}
}

 

Hi Sam, thanks for that. That fixes the cart icon but now my logo is missing from the menu? I'm so sorry abotu this hassle!

@niteshifte I'm not seeing the code being added to your site. Please add the code after the code you've previously added.

2 minutes ago, Lesum said:

@niteshifte I'm not seeing the code being added to your site. Please add the code after the code you've previously added.

Sorry, forgot to save. I've added it there.

@niteshifte Looks like image URL need to be changed when menu is open. I also updated the code with the correct URL. Can you change the URL of the logo in the code to this one: