Css Wordpress:标题中的小部件在移动设备中显示徽标

Css Wordpress:标题中的小部件在移动设备中显示徽标,css,wordpress,mobile,header,widget,Css,Wordpress,Mobile,Header,Widget,我几乎完成了我在Wordpress上的一个网站-我只是有一个主要问题 我找到了如何在TwentyEleven主题的标题中添加一个小部件的方法——它工作得很好,除非在手机中查看或窗口缩小——小部件将显示在徽标后面。我希望小部件显示在移动视图中的徽标下方 以下是网站: 非常感谢您的帮助 谢谢你。给阿帕贝品牌打上烙印 style.css中的第26行是绝对位置。删除位置属性 您可以添加显示:内联块;然后从arphabet中删除绝对位置,并添加display:inline块 根据需要添加填充或边距以调整位

我几乎完成了我在Wordpress上的一个网站-我只是有一个主要问题

我找到了如何在TwentyEleven主题的标题中添加一个小部件的方法——它工作得很好,除非在手机中查看或窗口缩小——小部件将显示在徽标后面。我希望小部件显示在移动视图中的徽标下方

以下是网站:

非常感谢您的帮助

谢谢你。

给阿帕贝品牌打上烙印

style.css中的第26行是绝对位置。删除位置属性

您可以添加显示:内联块;然后从arphabet中删除绝对位置,并添加display:inline块

根据需要添加填充或边距以调整位置

将此添加到CSS中:

#branding hgroup{ display:inline-block; }
#branding #arphabet {
  position: relative;
  text-align: right;
  display: inline-block;
}
您的arphabet元素是绝对定位的