I want to target and control the size of a specific image when changing between desktop, tablet and mobile.
The image is the logo 'tbk' and sits within a banner at the bottom of a page. The size of the logo is perfect when in desktop mode, too small in tablet mode and too large on mobile.
Is there some custom CSS i can add that will allow me to control the sizes for each. See images attached.
Hi @doshea Find the unique ID of the image, change "#block-unique-ID" to your image ID and apply the code below:
/* mobile screens */
@media only screen and (max-width: 640px) {
#block-unique-ID
Hi @lu.diehl thanks for your answer, very useful and should work I think.
It's not for me though, I answered the original question - I was just wondering if @doshea could use text instead of an i
Question
doshea 2
Hi,
I am using the brine template...
I want to target and control the size of a specific image when changing between desktop, tablet and mobile.
The image is the logo 'tbk' and sits within a banner at the bottom of a page. The size of the logo is perfect when in desktop mode, too small in tablet mode and too large on mobile.
Is there some custom CSS i can add that will allow me to control the sizes for each. See images attached.
website: tbktest.squarespace.com
Thanks in advance.
Dan.
Link to post
Top Posters For This Question
28
7
6
6
Popular Days
Aug 4
5
Nov 14
3
May 30
3
Nov 15
3
Top Posters For This Question
tuanphan 28 posts
ACScruggs 7 posts
philfv 6 posts
shykoala4 6 posts
Popular Days
Aug 4 2020
5 posts
Nov 14 2020
3 posts
May 30 2020
3 posts
Nov 15 2019
3 posts
Popular Posts
lu.diehl
Hi @doshea Find the unique ID of the image, change "#block-unique-ID" to your image ID and apply the code below: /* mobile screens */ @media only screen and (max-width: 640px) { #block-unique-ID
Graemetg
Hi @lu.diehl thanks for your answer, very useful and should work I think. It's not for me though, I answered the original question - I was just wondering if @doshea could use text instead of an i
doshea
Hi, thank you both for your support. In the end i took Graemetg's adive and change the logo to text rather than an image.
Posted Images
83 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