thatgools Posted February 15, 2022 Posted February 15, 2022 Site URL: http://mattgoolsby.co Hey! For the mobile version of my site, I need each of my project pages under the 'Work' section to display a white logo in the header instead of the black one. I was able to do it for desktop via code injection (I think that's what it's called), and after hours of searching I've only been able to find code that will make the white logo appear on ALL pages on mobile, which doesn't work for my home page since it has a white background. I need that one to stay the way it is. Can someone please help me change the logo on ONLY my individual project pages that are under 'Work' on my site? I would appreciate it so much, I've reached the limit of what I think I can do myself. My site is mattgoolsby.co Thank you so much!
thatgools Posted February 15, 2022 Author Posted February 15, 2022 This is the code I used for each page in the injection: <style> #item-6186da965b5d090dcbbb7dd7 div.header-title-logo a { content:url("https://static1.squarespace.com/static/6186d8a015f52510bba716bc/t/618b327a8ed6656004dc9456/1636512378068/Primary_1b.png") !important; max-width: 290px; } </style> Is there something I can add to that to make it apply to mobile as well as desktop? That seems like it would be the easiest route if that's even possible. Thanks for any and all input.
thatgools Posted February 15, 2022 Author Posted February 15, 2022 Nevermind I figured it out! For anyone interested, I copied the exact same code I showed above (I had it for each page I wanted to change) and pasted it into Advanced (header injection). I had four so I had that code in there four different times, each one with a different id that corresponded to the pages I was targeting. Then in those copies, just experimenting I changed "div.header-title-logo a" to "div.header-mobile-logo a" for sh*ts and grins. It worked perfect. tuanphan and McKaela 1 1
Recommended Posts
Create an account or sign in to comment
You need to be a member in order to leave a comment