Header/banner issue

[jbmora]

Hello All,
I am using the Thanks Roy theme and the header image is getting cut off on the top and bottom when viewing in full screen. When viewing on mobile, the header image zooms into a small part and the logo etc is lost completely.

I have tried resizing etc. but have not found the magic size that prevents this.

I can remove the header entirely with the CSS editor, but then I need a way to add the header image back with the proper behavior.

Ideally, with the banner look from the daily.

Full size, top and bottom cut off

mobile size, zoomed in

Any ideas?

[giocomai]

Not familiar with the specific theme, but wouldn’t the trick outlined in this post be helpful? Of course, duly adapting the CSS as shown there. In your case it could even be simpler, as you probably don’t have built in padding there (but I write this without having checked the theme, there’s probably an even easier way)

Modify Omeka S themes

Hi @tam , I have a solution, but it’s going to require a little digging into the CSS to work. Things you need to know: The limiting container selector The container padding if it exists The limiting container’s maximum width if it exists I’m going to use Center Row as an example. For my hero image, I’m going to use an asset block. I will assign it an image and also the class hero-image to target with CSS. [Screen Shot 2021-10-22 at 11.15.02 AM] Next I use my browser’s inspector tools t…

(if there’s no padding, then all the margin adjusting part there doesn’t matter, and it just boils down to setting width to 100% and auto, I guess)