我一直在尝试为我的 WordPress 博客设置标题图片,但随着图片变小,我无法让它在小屏幕上正常工作。
此外,当您在移动版本上单击菜单时,图像会下降。
<header id="masthead" class="site-header" style="background-image: url(<?php header_image(); ?>);background-repeat:no-repeat; background-size:contain; background-position:center;">
.site-branding {
padding: 85px 0;
}
header.site-header{
margin-bottom: 40px;
}
最佳答案
您可以为 site-branding
设置背景。
<div class="site-branding row text-center" style="background-image: url(http://semdesculpas.org/wp-content/uploads/2018/01/cropped-cropped-Untitled-1-1-1-2.png);background-repeat:no-repeat;
background-size:contain;
background-position:center; margin-top: 20px">
结果:
关于css - 调整移动标题图片的大小,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/48197820/