how change size of front page image?

here are the 2 iphone views

1. portrait

2. landscape

3. the PC view can be seen at

https://geoff-ideas.co.uk/

Geoff

For the front page the image is adjusted to the settings the font page banner requires, which is 1200 by 2000px I believe.

Your image is 364 by 409px

So you can maybe try using an image which matches better with the image sizes the theme requires.

Or you can indeed adjusted your image sizes wih css in the child’s theme.

Hello

Thanks for you reply.

I will change the image size but so far haven’t seen how to refer to the image using css! Have tried using firebug and the Chrome tools.

How do I refer to the image?!

Cheers

Geoff

have changed the image to 2000 x 1200 and now have this with the PC.

When I make the view smaller the social media icons disappear!

How can I keep them visible using css?

Cheers

Geoff

You can try add this.
The padding-left solution can be better better though. Have to look it up how to center it automatically. but this is to get you started.

@media screen and (max-width: 767px) {
.navigation-top .wrap div {
margin: auto;
width: 100%;
position: absolute;
z-index: 1;
padding: 1px;
padding-left: 25%;
}
}

Thanks will try later and get back!

Cheers

Geoff

have tried your css but look forward to seeing the “padding-left” version aswell ..

Thanks

Geoff