That’s great thanks. Just shrink the content area on full width pages, not the whole site.
However I also want to create more white space between the edges of the full width content area and the text. I’ve tried adjusting the padding-left and padding-right for .entry which seems to do the job eg
.full-width-content .entry{
padding-left: 80px;
padding-right: 80px;
}
but of course I don’t want to shrink the content area or add this padding for mobile devices. I’m puzzling over how to restrict the changes to desktops only?
I’ve tried wrapping the above in
@media only screen and (min-width: 1024px) {}
but that doesn’t seem to work. How can i restrict these changes to affecting desktops and laptops please?
many thanks for your help.