html - 从标题菜单中分离 Logo 并将其放在标题和正文的第一部分之间

标签 html css wordpress

亲爱的所有天才,

我正在用 wordpress 构建网站,但我不是这方面的专家。

我希望使 Logo 更大,并将其放在标题和 slider 的第一部分之间(与现在在右侧的位置相同,但是在菜单上向下,以便 Logo 的一半在菜单内和 slider 第一部分内的一半,使其不影响标题菜单的高度)

相关网站如下:http://www.ildottoredellepiante.it

我确信这是可能的,因为我在几个网站上看到过,有人可以帮我解答吗?

最佳答案

你有这样的想法吗? Screenshot with modified CSS

为此,只需将此代码添加到 wordpress 模板的 style.css 中的 id #site-logo 中:

#site-logo {
    float: left;
    position: absolute;
    top: 12px;
}

position: absolute 帮助, Logo 容器的大小不会影响标题的高度。 top: 12px 有助于调整 Logo 的垂直位置。您可以更改该值以更改 Logo 的确切位置。

关于html - 从标题菜单中分离 Logo 并将其放在标题和正文的第一部分之间,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/44180342/

相关文章:

wordpress - 为什么 Mozilla Firefox 显示从 https 访问 http 的安全警告?

php - WordPress "wp_register_style was called incorrectly"?

jquery - 单击时动画链接下划线而不是悬停时下划线?

html - 列在 Safari 中不可见 - UiKit v.2

css - 单击弹出窗口时如何暂停视频

css - 文本字段中只有部分文本可见

html - 响应式 div block 在移动设备上未正确对齐

wordpress - 使用 WooCommerce 中的变体复选框以允许多项选择

javascript - 设置innerHTML 的函数调用不起作用 - 给出未定义

javascript - 变量更新时的JavaScript回调