New day, new challenges:
After you made my day with your helpful advice how to show the header image behind the menu bar, I stumbled into the next issue.

Now that the page looks (at least to my eyes perfect: https://stefan-schoch.de on a Tablet or mobile device: https://i.imgur.com/EVdZSEa.png , things become ugly on a smartphone: https://i.imgur.com/9yjSQgg.png
1: the header-image is much too small (it should be higher than the menu-bar even on a mobile)
2: the space between the logo and the headline is too small.

How can I prevent the header image from being resized too much?
Currently I have the image in a html module that I placed at the 'slideshow' position.
Perhaps there is a more intelligent way how I can have my header image behind the menu-bar?

Stefan

7 days later

Hi Stefan,

You can try this custom CSS:

@media (max-width: 576px){
div#t4-slideshow {
    margin-top: -56px !important;
}
}
Write a Reply...
You need to Login to view replies.