Make Stout Theme Header Responsive

  • Resolved sebbycarter

    (@sebbycarter)


    8 years, 8 months ago

    How can I make the header image on my website responsive and resize for mobile devices? I have been searching for an answer for days now. I am not very expeienced with WordPress but willing to learn. My site was a Godaddy setup.
    Any help would be amazing!

    http://mrcremapping.co.uk

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

Viewing 4 replies - 1 through 4 (of 4 total)
  • Evan Herman

    (@eherman24)

    8 years, 8 months ago

    Hi Sebby,

    If you want to make the image resize based on the device being used to view the site, you will have to tweak the CSS for the hero image background.

    Inside of the customizer you can add custom CSS under ‘Additional CSS’.

    Try adding the following to that section to see if it helps:

    `
    .hero {
    background-size: contain;
    }
    `

    Let us know if that helps out!

    Evan

    Thread Starter sebbycarter

    (@sebbycarter)

    8 years, 8 months ago

    Thank you so much, you are a legend!

    Subrata Sarkar

    (@subrataemfluence)

    8 years, 8 months ago

    Hi, Please close the ticket!

    Moderator Jan Dembowski

    (@jdembowski)

    Forum Moderator and Brute Squad

    8 years, 8 months ago

    It’s not a ticket, it’s a topic. There are no tickets here. 😉

    The topic has been marked “resolved”.

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

The topic ‘Make Stout Theme Header Responsive’ is closed to new replies.