OldMate

2 hours ago, tuanphan said:

Hi,

You mean the girl image or which image?

All full bleed images where what I was trying to solve the issue for, so the girl image on the homepage and the full bleed image block on the services page.

Note: I have manually cropped the home page image to make it work for client approval, I would still prefer the image block be responsive to mobile using width rather than height of the block.

2 hours ago, tuanphan said:

Which page did you add the code? Can you share link? We can check it easier

I managed to solve the issue with:

<style>
.header-title-logo a {
content: url("IMAGE NAME");
width: auto;
max-width: 100%;
max-height: 60px;
}
</style>

Thank you very much for your help!

15 hours ago, tuanphan said:

Try this code

<style>
.header-title-logo a {
content: url("MY IMAGE FILE NAME");
  height: 60px
}
</style>

 

Only issue is now the sizing isn't working, any help there?

URL: yournourishedmind.com.au

PWD: yournourishedmind

14 hours ago, tuanphan said:

Try this code

<style>
.header-title-logo a {
content: url("MY IMAGE FILE NAME");
  height: 60px
}
</style>

 

Legend!, thankyou

12 hours ago, tuanphan said:

Hi,

Can you share site url?

yournourishedmind.com.au

pwd: yournourishedmind

Thankyou!

I am trying to get full bleed images to resize on mobile so that that show in full, currently seem to be locked to a height meaning images focal points that are not central to the image are being cut-off. Any help would be appreciated.

I am using the Degraw template, and I have used the following code injection on three sub-pages to allow for an alternate logo to appear, the logo appears as desired, however I have lost the functionality of the logo being a button back to the home page, can this be avoided?

<style>
.header-title-logo {
content: url("MY IMAGE FILE NAME");
  height: 60px
}
</style>