Goran Mobile header image does not resize

  • Resolved sheelagh

    (@sheelagh)


    7 years, 12 months ago

    The images in the responsive design section of the Goran theme demo seem to indicate that on a mobile device the header image will enlarge to fill the whole screen. See https://theme.wordpress.com/themes/goran/ and scroll down to the section on responsive design.

    But on a mobile device my website header shrinks away to a sliced illegible image see https://portwalks.ie/ . The page template is set to Front page? Ideas for fix greatly appreciated. Thanks

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

  • Hi @sheelagh!

    The header section’s height on the front page is controlled by the content inside it (the content of your static front page).

    In the example you mentioned, there’s text in that section – giving the area the height you see ??

    So you can add some content in that area to make it taller – or if you’d prefer it be empty, you can use a bit of CSS to manage the height:

    .hero.with-featured-image {
	min-height: 300px;	
}

    You can adjust the height as needed ??

    To add this CSS, you can use the Additional CSS panel in the Customizer (assuming you’re running at least WordPress 4.7) or with something like the Jetpack Plugin using the Custom CSS Module

    Thread Starter sheelagh

    (@sheelagh)

    Thats great Chad thanks, I used both methods. Inputting text solved issue with frontpage and CSS sorted out mobile images on other pages. Thank You

    My pleasure!

    When you’re ready, you can use the sidebar to mark this thread as “Resolved” ??

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘Goran Mobile header image does not resize’ is closed to new replies.