header image too large in iphone or small mobile devices

  • Resolved mwaldman

    (@mwaldman)


    6 years, 3 months ago

    My site looks perfect on a desktop and ipad, but the site title and description run into the header image on a phone and small device. How can I reduce the image size for small screens or remove the image all together for small screen devices? I have tried custom codes to no avail. Any help would be appreciated.

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

Viewing 3 replies - 1 through 3 (of 3 total)
  • Vishakha Patel

    (@vishakha)

    6 years, 3 months ago

    Hi There,

    You can try using following codes to your WP-admin > Appearance > Customize > Additional CSS:

    @media (max-width: 699px)
style.css?ver=4.9.1:1706
.site-branding {
    text-align: center;
    background: none !important;
}
    Thread Starter mwaldman

    (@mwaldman)

    6 years, 3 months ago

    Thank you! I used the following code and it took care of the problem on the small screen:
    @media (max-width: 699px)
    {.site-branding {
    text-align: center;
    background: none !important;
    }
    }
    Do you have any idea why the images stretch out on the banner screen at 1366 x 768 (recommended per the theme), and if there is any way to stop the stretching?

    Thread Starter mwaldman

    (@mwaldman)

    6 years, 3 months ago

    I was also able to solve this by changing the padding.

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘header image too large in iphone or small mobile devices’ is closed to new replies.