Resize text to image for mobile (Rocked Theme)

  • Resolved shock81dan

    (@shock81dan)


    2 years, 5 months ago

    Hello everyone,

    I’m trying to resize the text and the button from Rocked theme to fit well on mobile, as of now the button and the text are much bigger than the background image and it’s overlapping with the youtube video I’ve added.

    Any help will be very much appreciated. Thanks!

    https://shockwavesliders.com.br/

    The page I need help with: [log in to see the link]

Viewing 2 replies - 1 through 2 (of 2 total)

  • Hi,

    As checked, you have a little longer header text. So you’ll need to add more height for the header image area on mobile screen only. To do so, try adding this simple CSS code to your site’s Additional CSS under the Appearance menu > Customize menu.

    @media only screen and (max-width: 479px) {
  .header-image {
    height: 550px;
  }  
}

    Hope that helps.

    Thread Starter shock81dan

    (@shock81dan)

    Hi Kharis,

    worked like a charm. Thank you very much!

    Best regards

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘Resize text to image for mobile (Rocked Theme)’ is closed to new replies.