[deleted] Justoverclock it's not responsive because the CSS tells it not to be, and the image you have only occupies the right hand side of the screen but is at 1920px wide. Remove background-position: 10% 14%; Replace with background-position: right;
Braden Justoverclock i think i might have found a solution to as why the image was not responsive on your site. try to put this on css .Hero { background: url(https://i.postimg.cc/9FnH6RBK/208.jpg); background-repeat: no-repeat !important; background-size: cover !important; color:#87c7c4; }
[deleted] Braden if you look at the image provided by @Justoverclock you'll see that it's mostly white space with a pattern on the right. It doesn't cover the hero in the same way as your image would and does, so the CSS change is required. The positioning percentages specified denote what part of the image is shown - in other words, this particular line allows you to target a specific part of the image. It's an old trick used in limited height elements.
Braden [deleted] Bro you are good at customization i see it . Theres something we missed . once adding a hero img, even topic titles open on the same img which is correct, but the topic tittles font (need to be increased) the ()h2.Hero-title, .Hero-subtitle) now for topic title maybe also add a bold font-weight: bold; lets try a tittle , with one - three letters different colors
pupsik Braden @[deleted] mentioned it above: h2.Hero-title, .Hero-subtitle { font-family: Arial; font-weight: 800; color:red; } Add lines and your stiles. If so, split Hero-title, .Hero-subtitle, to have effect on each.
Justoverclock Braden not work 🙁 it works like this: .Hero { background: url(url/head.webp); background-repeat: no-repeat !important; background-size:contain !important; background-position:center; color:#ffffff; } but if i resize the windows....is broken....so i don't know
Braden Justoverclock try to make the image size at least below 30kb and try remember big imgs also affect seo speed
Braden Justoverclock whats the pixel size of img? ( url/head.webp ) Its horizontal should be atleast above 1000 x
pupsik @Justoverclock it is hard to help you on issue, because you never have any code implemented on your website, for us to temper with.
