Tagged: 

Viewing 2 posts - 1 through 2 (of 2 total)
  • Author
    Posts
  • April 11, 2022 at 5:14 pm #1347978
    bjerring65

    I have an issue with the responsiveness on our homepage. I switched out an image on a color section and now that section is no longer mobile responsive. It looks great on web view, but on mobile the background image is too enlarged and the text is being displayed vertically instead of horizontally. Seems the padding/margins are off as well as everything being zoomed in and displayed on center. The rest of the homepage is fine – but as this is the top image, I fear customers will click away:-(

    April 11, 2022 at 6:40 pm #1347993
    Rikard

    Hey bjerring65,

    You have a lot of padding added to that element:

    #homeheader .container {
    padding: 50px 250px 200px 200px !important;
}

    If you don’t want that to apply on mobile screens, then you can put it inside of a media query instead:

    @media only screen and (min-width: 768px) {
#homeheader .container {
    padding: 50px 250px 200px 200px !important;
}
}

    Best regards,
    Rikard

  • Author
    Posts
Viewing 2 posts - 1 through 2 (of 2 total)
  • You must be logged in to reply to this topic.