Hello,
I am having an issue with the text size of the image-with-text section, on the mobile layout of my shop.
The text is displayed perfectly within the desktop layout and i don’t want to make any changes to it, but i am not satisfied with text size within the mobile version (please view pictures).
This is my store url: https://justincase-de.com/
This is the reference store url: https://merch-amsterdam.com/
Very important: changes should apply to mobile layout only!
Kind regards.
My current mobile layout (text size):
Reference mobile layout (text size):
hello @JustInCase-de
step 01:
- Go to your Store > Theme > click to edit code.
- in Assets folder open base.css file
- Add this code below at the bottom and click Save button
@media only screen and (max-width:767px){
.image-with-text__heading {
font-size: 3.8rem;
}
}
this idea helps you
1 Like
Hi @JustInCase-de
This is Victor from PageFly - Landing Page Builder App
You can try this code by following these steps:
Step 1: Go to Online Store->Theme->Edit code.
Step 2: Search file base.css.
Step 3: Paste the below code at bottom of the file → Save
@media screen and (max-width: 767px){
h2.image-with-text__heading.h0 {
font-size: 6em !important;
}
}
Hope that my solution works for you.
Best regards,
Victor | PageFly
@JustInCase-de
Put below css into theme.liquid file before closing tag
That worked, thank you very much!
