Homepage Slider Unresponsive Text on Mobile

Sydney
#1

Hi there,

Having trouble sorting out the homepage slider text to become responsive on mobile. There seems to be no option in the customize section of WP to change this.

Please could anyone help? Limited coding/dev knowledge here so simple words would be appreciated :grin:

Also, if anyone has any advice for making the header logo and menu bar more prominent apart from choosing darker pictures, then please share too!

Website: https://www.paveyengineering.com/

Cheers
@jampavey

#2

Hello there,

Please try adding the below CSS code to Appearance > Customize > Additional CSS from dashboard.

    @media only screen and (max-width: 960px) {
      .text-slider h2.maintitle {
        font-size: 60px;
      }
    }

    @media only screen and (max-width: 767px) {
      .text-slider h2.maintitle {
        font-size: 40px;
      }  
    }

    @media only screen and (max-width: 480px) {
      .text-slider h2.maintitle {
        font-size: 26px;
      }   
    }

Regards,
Kharis

#3

Thank you very much Kharis works perfectly!

#4

You’re welcome!

Please let us know in a new topic if you have any further questions, or if we can provide you with any other assistance.

Regards,
Kharis