NIkiL Posted December 6, 2021 Share Posted December 6, 2021 Site URL: https://its1647.squarespace.com/ I'd like to use my mobile logo ONLY on tablets, not on desktop or phones. Is there a way to force Squarespace 7.1 to do this? site = https://its1647.squarespace.com/ password = teach Thank you!! Link to comment
NIkiL Posted December 8, 2021 Author Share Posted December 8, 2021 Following up in case anyone out there has any ideas. I think the solution is to: Set one logo for the site itself, Add an alternative logo under Custom CSS > Manage Custom Files Find the url of that logo Use CSS to tell the site to use the alternative logo for tablet widths. I *think* it would look something like this, but my CSS is wrong. Any suggestions? ________ @media screen and (max-width:1024px) and (min-width:641px){.Header-title-logo {content:url(URL OF ALTERNATIVE LOGO);} Link to comment
tuanphan Posted December 11, 2021 Share Posted December 11, 2021 You need this code /* tablet logo */ @media screen and (max-width:1024px) and (min-width:768px) { .header-title-logo img { content: url(paste image file url here); } } 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
Recommended Posts
Create an account or sign in to comment
You need to be a member in order to leave a comment