tuftwax

Now I have two copies of the same thing though in desktop view! Info in the widget and info under the header?

I’m using the following css from a previous post:

@media screen and (max-width: 782px) {
.site-header {
display: inline-block;
}
.responsive-site-title,
.responsive-site-description{
display:none;
}
}

I had taken it out but I have just re-inserted it, so that you can see.

The header media image is 1900 × 1267. It looks way to big on mobile. Though, on desktop it’s perfect and when I adjust the desktop view it acts responsively and adjusts to the window size. However, on mobile it’s as though it stays at it’s original resolution, thus doesn’t fit with the rest of the page.

Thanks