Image hovers too high over header - how can I change?

8 hours ago, zoersdn said:

Site URL: https://www.zoedean.design/

Hey, I'm having issue with this layout and moving the hover image down so it doesn't overlap with the header. Does anyone know what CSS I need?

 

Also, is there a way to change the colour of the title when I hover over it? It's orange atm but I'd like it to be the background colour when I hover so it stands out more on the images.

 

Thanks!

try

#collection-60f5bcdaaec3a96358db2fe9 main .page-section:first-child {
  padding-top: 174px;
}
.portfolio-hover[data-variant-hover-cover] .portfolio-hover-item-title:hover {
    color: #efe2d1;
}

On 7/21/2021 at 12:05 AM, zoersdn said:

Site URL: https://www.zoedean.design/

Hey, I'm having issue with this layout and moving the hover image down so it doesn't overlap with the header. Does anyone know what CSS I need?

 

Also, is there a way to change the colour of the title when I hover over it? It's orange atm but I'd like it to be the background colour when I hover so it stands out more on the images.

 

Thanks!

Do you need to fix these?

Site URL: https://www.zoedean.design/
1. (Tablet – Overlay menu) It is so difficult to see menu items and social icons

2. (Mobile – Overlay menu) The same here

3. (Tablet – Footer) Reduce space under social icons and email

4. (Tablet – About) Want to increase text width?

https://www.zoedean.design/about

5. (Tablet – Homepage) Reduce space