This is how the image banner heading looks on desktop - I’m fine with this. However, in the mobile view the text is too big, preferably I’d like for the size to be like the desktop size where “The ‘Tokyo Dreaming’” is on the first line and “Collection” is on the second line. And given this I’d also like to scale down the subheading text a little bit so its not too close to the size of the updated heading text size.
No I did not, but I did have a web dev help format the website for me so he might have done that. I tried changing it to 4.5vw but that becomes too small. Is there a way to have the desktop font size set at 65px as it is currently but change the mobile font size to something smaller?
.banner__heading {
font-size: 65px;
}
// mobile
@media screen and (max-width: 749px)
{
.banner__heading {
font-size: 35px; // change the size as you like
}
}
Add this code either on custom css section or base.css
I guess it’s a image banner. Click on image banner you will find custom css section at the bottom.
or
To get base css file theme->edit code → base.css
But could you please direct me to where in the code I can go to delete it? And also with the updated code you provided where in base.css should I put it? Thanks.
I am afraid that I can’t help further without seeing the backend. I have been planning to make tutorial. I will update here.
If you need immediate solution, you can get support from us: Support Form
