Jump to content

Adding a Graphic to Mobile Menu Overlay

Recommended Posts

  • Replies 5
  • Created
  • Last Reply

Top Posters In This Topic

Add to Design > Custom

[data-folder="root"]:before {
    content: "";
    background-image: url(https://images.squarespace-cdn.com/content/v1/6313b633f0dd754d450d5743/1ab9011c-0bf6-4307-9eec-06288fe1a50e/rnco_capital_polpo_light_1.png?format=300w);
    display: block;
    width: 100px;
    height: 70px;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    margin: 0 auto;
}

CSS

 

Email me if you have need any help (free, of course.). Answer within 24 hours. 
Or send to forum message

How to: Setup Password & Share url Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care

Link to comment
On 10/2/2022 at 6:32 PM, tuanphan said:

Add to Design > Custom

[data-folder="root"]:before {
    content: "";
    background-image: url(https://images.squarespace-cdn.com/content/v1/6313b633f0dd754d450d5743/1ab9011c-0bf6-4307-9eec-06288fe1a50e/rnco_capital_polpo_light_1.png?format=300w);
    display: block;
    width: 100px;
    height: 70px;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    margin: 0 auto;
}

CSS

 

Thanks so very much! This worked great.

I dropped the size to 50px and 35px which feels right. I'd like to nudge it down a bit lower though too... how might I do that?

Link to comment
On 10/8/2022 at 12:51 AM, MadcapCreative said:

Thanks so very much! This worked great.

I dropped the size to 50px and 35px which feels right. I'd like to nudge it down a bit lower though too... how might I do that?

Try this new code

[data-folder="root"]:before {
    content: "";
    background-image: url(https://images.squarespace-cdn.com/content/v1/6313b633f0dd754d450d5743/1ab9011c-0bf6-4307-9eec-06288fe1a50e/rnco_capital_polpo_light_1.png?format=300w);
    display: block;
    width: 100px;
    height: 70px;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    margin: 0 auto;
	position: relative;
	bottom: -30px;
}

 

Email me if you have need any help (free, of course.). Answer within 24 hours. 
Or send to forum message

How to: Setup Password & Share url Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care

Link to comment

Create an account or sign in to comment

You need to be a member in order to leave a comment

×
×
  • 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.