Jump to content
Search In
  • More options...
Find results that contain...
Find results in...
Advanced Search

Change banner text size, it's tiny on mobile

Recommended Posts

Site URL: https://www.kvinnohistoriska.se/aktuellt

Hi all!
I'm stuck at a problem when working on one of my sites. The page banner text size is for some reason tiny in mobile view, and I can't seem to come up with, or find, code to help. The banner image (which is just a .png in the color I want as background) is also way too high, I would like the text to be much bigger but the banner much shorter.


I've tried this code below but it doesn't work, even if it works for changing color, font etc. Just not the size.

@media screen and (max-width: 960px) {

  .desc-wrapper p>strong, .desc-wrapper p>em>strong {
    font-size: 37px;
} }

I would really appreciate some help ❤️


Link to comment

Add to Page Settings > Advanced > Header

  @media screen and (max-width:640px) {
  .desc-wrapper p {
    font-size: 50px !important;


Email me if you have need any help (free, of course.). Answer within 24 hours.

How to: Setup password & share url - Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care - Learn CSS - Custom Popup - Testimonial Slider

I'm Tuan, blogger/owner of a free library for children in Vietnam. Helping the community is a hobby. Contact me via email.

Link to comment

Thanks tuanphan, I added code for the bold text, removed <style> and added it to Custom CSS to get it site-wide and now it works perfectly. 

  @media screen and (max-width:640px) {
  .desc-wrapper p, p>strong, .desc-wrapper p>em>strong {
    font-size: 50px !important;


Link to comment

Create an account or sign in to comment

You need to be a member in order to leave a comment

  • Create New...