Header Image size display

  • Hi
    Sorry to be asking such a basic question – but I just cant figure out how Goran is handling images. I have used the same header image using guideline dimensions 1230px x576 px on two different pages giving two different views of the same image.
    1. the image on the frontpage template is displayed on screen zoomed in so parts of the image are not visible https://portwalks.ie/
    2. the image on the default page template is displaying as expected https://portwalks.ie/signup/.

    Can anyone advise how can I get the image on the frontpage to display correctly, so that the whole image is visible.

    Thanks

    Sheelagh

Viewing 1 replies (of 1 total)

  • Hi there,

    The theme has several rules that determine how the image is displayed at various browser widths.

    You can try this code via Customize > Additional CSS:

    @media screen and (min-width: 1230px) {

        .home.hero-image .hero.with-featured-image {
        padding-top: 150px !important;
        padding-bottom: 50px;

    }
}

    It doesn’t make it exactly the same size as your signup page, but it gets close while still leaving room for your text on the home page.

    If you need to change the look at different browser widths, you can copy that code and change the max-width number.

Viewing 1 replies (of 1 total)
  • The topic ‘Header Image size display’ is closed to new replies.