【问题标题】:Can I move my logo to center of top menu?我可以将我的徽标移动到顶部菜单的中心吗?
【发布时间】:2014-05-10 19:27:45
【问题描述】:

我需要帮助来修改我的网站。我是新手,请帮助我:)

我可以将我的徽标移动到最顶层菜单的中心吗?你可以查看我的网站。我的网站是here

您可以看到第 4 项,我想在“生活”和“故事”之间移动我的徽标。

谢谢你,祝你有美好的一天!


Lukas 的回答: 只需在 <ul id="secondary-nav"> 内创建另一个 <li> 元素,然后将 <div id="branding"> 或最好只移动 <a> 内。可能您还应该删除徽标上的 float:left。

= 是的,我明白了,我在 F12(开发者工具)上进行了测试,效果很好!但我的问题是我不知道在哪里可以创建<li>我在F12 上找到<ul id="secondary-nav">。我想我必须编辑“header.php”。我对吗?我能确切地知道在哪里吗?请帮帮我:)

JSfiddle:http://jsfiddle.net/user3543818/UNnYp/2/(顶部菜单可以看到“header.php”和CSS)

【问题讨论】:

  • 您可以将您的 imagelogo 添加为主菜单中的文本吗?

标签: php jquery html css wordpress


【解决方案1】:

是的,你可以,如果你想给我们代码,但是: 将您的徽标放入新 div 并使其填充:0 auto 或者你可以把它当作你的旧屏幕 请把代码发给我们

【讨论】:

  • 您好,感谢您的回答。你要哪个代码?我可以给你:)
  • 抱歉来晚了!这是我的 JSfiddle。 jsfiddle.net/user3543818/UNnYp/2你可以查一下:)谢谢你的帮助。我更新了我的问题!
【解决方案2】:

仅通过链接很难判断,但看起来您使用的是您购买的模板。如果是这种情况,许多可购买的模板在 wordpress 仪表板中都有设置,允许您自定义外观的某些部分。徽标放置通常是这些可编辑功能之一。

代码示例可以更轻松地为您提供准确的答案,但在这种情况下,您似乎可以简单地将徽标添加为生活和故事之间的菜单项,因此它将显示在列表。这也可以通过您的 wordpress 仪表板来完成,或者您可以在模板中对其进行硬编码。

【讨论】:

    【解决方案3】:

    如果您希望您的徽标位于您网站的顶部,您可以使用 float: inherit; 如果您希望它恰好位于菜单项之间,则必须将您的徽标定义为 li(列表项)并将其放在“生活”和“故事”之间。

    【讨论】:

    • 您好 Tamer,我了解并在 F12(开发人员工具)上进行了测试。它很好用,但问题是我不知道在哪里可以创建新的 li。也许header.php?你能给我更多的建议吗?谢谢:) 我更新了我的问题。你可以看看我的 JSfiddle:)
    • 哦,我真的很抱歉。这是我第一次使用 JSfiddle。我想修复它,但我现在不能使用计算机:( 请告诉我你需要哪种 CSS、PHP、HTML。
    • 我给你发了一封邮件:)谢谢你的帮助!
    【解决方案4】:

    只需在<ul id="secondary-nav"> 内创建另一个<li> 元素,然后将<div id="branding"> 或最好只移动<a> 内。可能您还应该删除徽标上的 float:left。

    【讨论】:

    • 嗨 Lukas,谢谢你的回答:) 是的,我明白了,我在 F12(开发者工具)上测试了这个,效果很好!但我的问题是我不知道在哪里可以创建
    • 。我在 F12 上找到
        。我想我必须编辑“header.php”。我对吗?我能确切地知道在哪里吗?请帮助我:) 我更新了我的问题。非常感谢!
    【解决方案5】:

    你可以这样做:

    .yourlogo{
        margin-right: 7px;
    }
    

    【讨论】:

    • 嗨,谢谢你的回答:)我的意思是,我想把我的标志移到“生活”和“故事”之间。
    • 你能从你的菜单中发布一个 jsfiddle 吗?我试图访问您发送的 jsfiddle,但您忘记添加 html。
    • 对不起,我不太了解 HTML。您可以使用 F12。请告诉我在哪里可以处理 HTML :) 对不起。
    • 你不应该买模板,做自己的模板和学习html和css比买模板更容易。顺便说一句,在这里真的很难帮助你,但我会尝试,我看到了你的网站代码,你可以做同样的事情,你有一个名为 simplemag-child/style.css?ver=3.9.1 的文件,当你访问这个文件,如果你按下 control f 并搜索 logo,你会找到 logo 代码,尝试在那里更改一些边距值,我真的无能为力了
    • 感谢您的帮助:)祝您有美好的一天。
    猜你喜欢
    相关资源
    最近更新 更多
    热门标签