• Hi team,

    I’m making a very simple store for an organic farming place in Stockholm, Sweden.

    I really want the cover image on the homepage to be full width on desktop & mobile. It’s the image under the text “Welcome to Odlande stadsbasarer. The future of sustainable food.”

    Any ideas of the custom CSS I need?

    Any help is MUCH appreciated ??

    Adam

Viewing 3 replies - 1 through 3 (of 3 total)
  • Hi there,

    Do you have a website address we can look at? At the moment I’m not entirely sure how things are configured on your site and would need a visual reference guide ??

    Thanks!

    I’m having a similar issue!

    rantingwomenapparel.com is my site. The image looks fine on a desktop but does not format well for mobile version. I’m hoping that using the correct CSS will correct that?

    @allisonranting In your case I’m assuming you’re referring to the background setting in the main body content section – right?

    If that’s correct, you could try the following custom CSS in your settings under Appearance > Customize > Additional CSS:

    
    @media (max-width: 768px) {
      .page-template-template-homepage.has-post-thumbnail .type-page.has-post-thumbnail {
        background-size: contain;
        max-height: 200px;
      }
    }
    
Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘Full-width cover image’ is closed to new replies.