admin管理员组

文章数量:1292223

I am new here. I have been looking into solving a problem I have been having for a while. I have setup my header image to be different for mobile and desktop. So far so good. However for screens with a really high resolution (e.g. new iMac of Surface Studio) the image only fills a small part of the screen as it is only 2000px wide. The image is setup to show the full hight of it because that is what I want. However it doesn't make sense for really high resolutions as it takes into account the hight and just leaves the rest without image.

This is my site: /

Extra problem: the menu doesn't stick nicely to the right of the logo.

I have been playing around with the css but I am not figuring out a way to fix it.

The end goal is to have a nice responsive image that shows everything until the screen resolution gets too high and to have a menu in two parts with the left part starting next to the logo at all times.

Thanks for the insight!

本文标签： Responsive header image

版权声明：本文标题：Responsive header image 内容由网友自发贡献，该文观点仅代表作者本人， 转载请联系作者并注明出处：http://www.betaflare.com/web/1741540903a2384313.html， 本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容，一经查实，本站将立刻删除。