Jump to content

pigonpie

Member
  • Posts

    7
  • Joined

  • Last visited

Everything posted by pigonpie

  1. Hi @nick_shthanks for your help so far, unfortunately I can't seem to make it look right no matter what values I try. Is there also a way to link the 2nd 'Tigger' Logo to another website? https://drum-dachshund-bk48.squarespace.com/ PW: Ground Code: <style> .header-title-nav-wrapper::before { content:''; display:block; width:40px; height:50px; display: block !important; margin-left: auto !important; margin-right: auto !important; background:url("https://static1.squarespace.com/static/65a653615bdab40fa3088ade/t/65bb67abd9f70805bc1794b2/1706780587600/Trigger_Logo.png") no-repeat 0 0; background-size: contain; width: 50% !important; width:10px; } </style>
  2. Amazing, thanks @nick_sh Any help on getting the mobile version so the Logo sits in the middle and the trigger logo is bigger? Code: <style> .header-title-nav-wrapper::before { content:''; display:block; width:10px; height:50px; display: block !important; margin-left: auto !important; margin-right: auto !important; background:url("https://static1.squarespace.com/static/65a653615bdab40fa3088ade/t/65bb67abd9f70805bc1794b2/1706780587600/Trigger_Logo.png") no-repeat 0 0; background-size: contain; width: 50% !important; width:10px; } </style>
  3. Hi, Can anyone help me with this logo positioning. On desktop would like the 'Trigger' Logo to be much small, about 150px width. Then on mobile would like the 'Ground' Logo to be centered and the trigger Logo to be bigger. https://drum-dachshund-bk48.squarespace.com/ PW: GROUND Thanks In advance. Code is currently, <style> .header-title-nav-wrapper::before { content:''; display:block; width:10px; height:110px; display: block !important; margin-left: auto !important; margin-right: auto !important; background:url("https://static1.squarespace.com/static/65a653615bdab40fa3088ade/t/65bb67abd9f70805bc1794b2/1706780587600/Trigger_Logo.png") no-repeat 0 0; background-size:100%; width: 50% !important; } </style>
  4. Hi, thanks, I'm happy with the position of the 2nd logo 'Trigger'. I'm looking to try to keep the middle Logo 'Ground' centered at all times, for some reason on some screen sizes it goes off to one side. Thanks
  5. Hi Ziggy, In the Code Injection section I have: <style> .header-title-nav-wrapper::before { content:''; display:inline-block; width:115px; height:50px; margin-right:35%; background:url("https://static1.squarespace.com/static/65a653615bdab40fa3088ade/t/65bb67abd9f70805bc1794b2/1706780587600/Trigger_Logo.png") no-repeat 0 0; background-size:100%; } </style> Then in CSS I have: body:not(.header--menu-open) .burger-inner>div { background-color: #ffffff !important; } .header .header-mobile-layout-logo-center-nav-left .header-display-mobile .header-burger { order: 1 !important; } .burger-inner.header-menu-icon-doubleLineHamburger .top-bun { height: 1px !important; transform: translateY(-10px); } .burger-inner.header-menu-icon-doubleLineHamburger .patty { height: 1px !important; transform: unset !important; } .burger-inner.header-menu-icon-doubleLineHamburger .bottom-bun { transform: translateY(10px); height: 1px !important; } .header .header-mobile-layout-logo-center-nav-left .header-display-mobile .header-title { text-align: unset; } .header-burger { display: flex; } .header-nav { display: none !important; } .header--menu-open .header-menu { opacity: 0.9; visibility: visible; }
  6. Hi, Wondering if anyone can help me. Been working on this site. https://drum-dachshund-bk48.squarespace.com/ PW: GROUND Looking for the GROUND Logo to be perfectly centered at all times, think the code I have to add the logo on the left is affecting this. Can anyone help with this? Thanks in advance,
  7. Hi, How do i remove the top pink bar on my site. https://drum-dachshund-bk48.squarespace.com/ PW: GROUND I would like the red logo to sit over the image if possible? Thanks in advance,
×
×
  • Create New...

Squarespace Webinars

Free online sessions where you’ll learn the basics and refine your Squarespace skills.

Hire a Designer

Stand out online with the help of an experienced designer or developer.