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 post
  • Replies 3
  • Created
  • Last Reply

Top Posters In This Topic

Top Posters In This Topic

Popular Posts

Add to Page Settings > Advanced > Header <style> @media screen and (max-width:640px) { .desc-wrapper p { font-size: 50px !important; } } </style>  

Posted Images

Add to Page Settings > Advanced > Header

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


You can send your question to my email to get faster answer. / How to Setup Password & Share URL 

-- I'm Tuan, work for a non-profit project (build free libraries). I check the forum once or twice a day to help out the community. If you don't see me answering your question, you can send it to the email above. 

Link to post

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 post

Create an account or sign in to comment

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

  • Create New...