Hello,
The desktop view of my images (mainly the homepage) all seem to “zoomed in” and as a result have become a little pixelated. The mobile view of the images is fine and they look pretty good.
Would anyone be able to help me rectify the desktop view of my images?
url is 1puttni.com
Many thanks in advance
Andrew
Hi @AndrewGowdy ,
Go to Themes → Edit code → Find the base.css file
You can add the following code to the base.css file to shrink the images on the desktop view
@media screen and (min-width: 750px){
video{
padding-left: 5%;
padding-right: 5%;
}
slideshow-component .slideshow.banner {
padding-left: 5%;
padding-right: 5%;
}
}
Hope it helps @AndrewGowdy
Hi, it pulled the width in OK, but the images are still huge.
I have attached some screengrabs of the desktop view and the mobile view to show the difference. The sections on the desktop are all really big, and when I select “small or medium” images for the slideshow (no option size option available for Collage) it effectively cuts out a lot of the photo (good example of that in the cap pics below. When I select “large” you then need to need to scroll down on the same image.
I am pleased with the mobile version of the website, but I think the desktop is really letting it down. Any suggestions on shrinking would be great. The desktop doesn’t necessarily have to be fill the entire desktop screen.
Many thanks
Andrew
Desktop Screengrab1
Mobile Screengrab1
Desktop Screengrab2
Mobile Screengrab2
