Thurstings
-
Posts
24 -
Joined
-
Last visited
Reputation Activity
-
Thurstings got a reaction from Joseph21 in Resizing image and text on footer on mobile to appear smaller
@zhanamitkova Here is the code to target mobile devices only - Note the 640px is the breakpoint for when it determines the screen is in mobile. Check your mobile breakpoint in your style editor and use the px value here.
/* Resize footer images */
@media screen and (max-width: 640px) {
footer .sqs-image .sqs-image-content img, footer .image-block {
transform: scale(0.5)
}}
/* Resize text on mobile */
@media screen and (max-width: 640px) { #block-yui_3_17_2_1_1581506136944_9324 {
font-size: 12px
}}
Note the font size I have entered is just an example so play around with it - I think the #block I am targetting is your text box. Let me know if this works?
Green = You can alter these figures to work for your website.
-
Thurstings got a reaction from JRBrick in Resizing image and text on footer on mobile to appear smaller
Not sure if this will work, but some code I had from one of my sites.
Assuming they are image blocks you wan't to reduce - Note, you may need to alter other things this just makes them smaller on the page.
/* Resize footer images */
footer .sqs-image .sqs-image-content img, footer .image-block {
transform: scale(0.5)
-
Thurstings got a reaction from mavenandmention in Resizing image and text on footer on mobile to appear smaller
@zhanamitkova Here is the code to target mobile devices only - Note the 640px is the breakpoint for when it determines the screen is in mobile. Check your mobile breakpoint in your style editor and use the px value here.
/* Resize footer images */
@media screen and (max-width: 640px) {
footer .sqs-image .sqs-image-content img, footer .image-block {
transform: scale(0.5)
}}
/* Resize text on mobile */
@media screen and (max-width: 640px) { #block-yui_3_17_2_1_1581506136944_9324 {
font-size: 12px
}}
Note the font size I have entered is just an example so play around with it - I think the #block I am targetting is your text box. Let me know if this works?
Green = You can alter these figures to work for your website.
-
Thurstings got a reaction from zhanamitkova in Resizing image and text on footer on mobile to appear smaller
@zhanamitkova Hey, if you message me your login details I can login and look at the ID for that text. I won't be around this weekend, but can look at it early next week if that helps?
-
Thurstings got a reaction from zhanamitkova in Resizing image and text on footer on mobile to appear smaller
@zhanamitkova Here is the code to target mobile devices only - Note the 640px is the breakpoint for when it determines the screen is in mobile. Check your mobile breakpoint in your style editor and use the px value here.
/* Resize footer images */
@media screen and (max-width: 640px) {
footer .sqs-image .sqs-image-content img, footer .image-block {
transform: scale(0.5)
}}
/* Resize text on mobile */
@media screen and (max-width: 640px) { #block-yui_3_17_2_1_1581506136944_9324 {
font-size: 12px
}}
Note the font size I have entered is just an example so play around with it - I think the #block I am targetting is your text box. Let me know if this works?
Green = You can alter these figures to work for your website.
-
Thurstings got a reaction from zhanamitkova in Resizing image and text on footer on mobile to appear smaller
Not sure if this will work, but some code I had from one of my sites.
Assuming they are image blocks you wan't to reduce - Note, you may need to alter other things this just makes them smaller on the page.
/* Resize footer images */
footer .sqs-image .sqs-image-content img, footer .image-block {
transform: scale(0.5)
