markadekoning Posted June 28 Share Posted June 28 (edited) Site URL: https://www.coastalgrain2.squarespace.com I'm trying to adjust the alternate mobile logo size as it is currently being cropped. code: /* Mobile logo */ @media screen and (max-width:767px) { .header-title-logo img { visibility: hidden; } .header-title-logo a { background-image: url(https://static1.squarespace.com/static/6281bbf5b699e31bcd719947/t/62ba84171b23872a6356b29d/1656390679424/Coastal-Grain-Logo-Mobile.png); background-size: cover; background-repeat: no-repeat; background-position: center center; } } Cheers, Mark Edited July 4 by markadekoning Spelling error Link to comment
0 tuanphan Posted June 30 Share Posted June 30 The url doesn't exist. Can you check it again? 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
0 markadekoning Posted July 4 Author Share Posted July 4 Updated. p: 123coastalgrain123 Link to comment
0 tuanphan Posted July 4 Share Posted July 4 Use this new code. Replace with new image url. I see image url above doesn't exist /* Mobile logo */ @media screen and (max-width:767px) { header#header img { content: url(https://static1.squarespace.com/static/6281bbf5b699e31bcd719947/t/62ba84171b23872a6356b29d/1656390679424/Coastal-Grain-Logo-Mobile.png); } } 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
0 markadekoning Posted July 20 Author Share Posted July 20 Thanks @tuanphan, this works great. I'm having an issue now where this alternate logo stays in place when the mobile dropdown menu is selected, and as the mobile menu is dark, it becomes hidden. Is there code to keep the original mobile logo when the mobile dropdown menu is opened? Thanks! Link to comment
0 tuanphan Posted July 21 Share Posted July 21 9 hours ago, markadekoning said: Thanks @tuanphan, this works great. I'm having an issue now where this alternate logo stays in place when the mobile dropdown menu is selected, and as the mobile menu is dark, it becomes hidden. Is there code to keep the original mobile logo when the mobile dropdown menu is opened? Thanks! Hi. The logo is white here. Did you solve problem? 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
0 markadekoning Posted July 22 Author Share Posted July 22 This only occurs on pages where the alternate logo is dark - see the gallery page /felix for example. Link to comment
0 tuanphan Posted July 23 Share Posted July 23 On 7/4/2022 at 6:52 PM, tuanphan said: Use this new code. Replace with new image url. I see image url above doesn't exist /* Mobile logo */ @media screen and (max-width:767px) { header#header img { content: url(https://static1.squarespace.com/static/6281bbf5b699e31bcd719947/t/62ba84171b23872a6356b29d/1656390679424/Coastal-Grain-Logo-Mobile.png); } } Try this new code @media screen and (max-width:767px) { body:not(.header--menu-open) header#header img { content: url(https://static1.squarespace.com/static/6281bbf5b699e31bcd719947/t/62d89481b589662c83b60123/1658360961945/Coastal-Grain-Mobile-Logo-Dark.png); } } 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
0 markadekoning Posted July 24 Author Share Posted July 24 Thanks @tuanphan, you're a weapon. Link to comment
Question
markadekoning
Site URL: https://www.coastalgrain2.squarespace.com
I'm trying to adjust the alternate mobile logo size as it is currently being cropped.
code:
/* Mobile logo */
@media screen and (max-width:767px) {
.header-title-logo img {
visibility: hidden;
}
.header-title-logo a {
background-image: url(https://static1.squarespace.com/static/6281bbf5b699e31bcd719947/t/62ba84171b23872a6356b29d/1656390679424/Coastal-Grain-Logo-Mobile.png);
background-size: cover;
background-repeat: no-repeat;
background-position: center center;
}
}
Cheers,
Mark
Spelling error
Link to comment
Top Posters For This Question
5
4
Popular Days
Jul 4
2
Jul 21
1
Jun 28
1
Jul 22
1
Top Posters For This Question
markadekoning 5 posts
tuanphan 4 posts
Popular Days
Jul 4 2022
2 posts
Jul 21 2022
1 post
Jun 28 2022
1 post
Jul 22 2022
1 post
Posted Images
8 answers to this question
Recommended Posts
Create an account or sign in to comment
You need to be a member in order to leave a comment