简体   繁体   English

Avada主题Wordpress定制

[英]Avada theme wordpress customization

I need help adding a company phone number above the nav menu in the header for the Avada theme. 我需要帮助,在Avada主题标题的导航菜单上方添加公司电话号码。 Below is the code for the header.php in avada theme [code missing, forgot to add] . 以下是avada主题中header.php的代码[code missing, forgot to add]

Also can someone tell me where to add the phone number in the code so it shows up above the nav bar on the header in theme? 还可以有人告诉我在代码中的何处添加电话号码,以便该电话号码显示在主题标题的导航栏上方吗? can anybody else hep me? 有人可以帮我吗?

You forgot to add the code. 您忘记添加代码。

However, based on this demo: http://demo.theme-fusion.com/ and the limited info you're giving me, I'm guessing that you want the phone number above the top nav. 但是,基于此演示: http : //demo.theme-fusion.com/和您提供给我的有限信息,我猜测您希望电话号码位于顶部导航上方。 If so, then do as follows: 如果是这样,请执行以下操作:

#nav {
    margin-top: 50px;
}
#phone {
    float: right;
    margin: 40px 15px -40px 0;
    font-family: MuseoSlab500Regular, arial, helvetica, sans-serif;
    font-size: 30px;
    font-weight: bold;
}

Find: 找:

<div class="logo" ... </div>

add a div after: 在以下位置添加div:

<div class="logo" ... </div><div id="phone">888-888-8888</div>

Now you have a phone number above the top nav bar! 现在,您在顶部导航栏上方就有一个电话号码! Enjoy! 请享用!

ps if you implemented correctly it should look like this now: ps如果正确实施,则现在看起来应该像这样:

在此处输入图片说明

This can be done without theme coding. 无需主题编码即可完成此操作。 the Avada theme has five different headers. Avada主题有五个不同的标题。 You can select the different header style in the theme options. 您可以在主题选项中选择其他标题样式。

  • Login in wordpress 登录wordpress
  • Go to "Avada" on the right menu 转到右侧菜单上的“ Avada”
  • Go to "theme options" 转到“主题选项”
  • Go to "Header" en choose "Header options" 转到“标题”,然后选择“标题选项”
  • Choose a style with the phone number above the navigation bar. 使用导航栏上方的电话号码选择一种样式。
  • scroll down to "Phone Number For Contact Info" and provide phone number 向下滚动到“联系信息的电话号码”并提供电话号码
  • Go to "Custom css" and add: 转到“自定义CSS”并添加:

    .fusion-contact-info { float: right; .fusion-contact-info {float:right; } }

声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.

 
粤ICP备18138465号  © 2020-2024 STACKOOM.COM