简体   繁体   中英

Avada theme wordpress customization

I need help adding a company phone number above the nav menu in the header for the Avada theme. Below is the code for the header.php in avada theme [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. 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 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:

在此处输入图片说明

This can be done without theme coding. the Avada theme has five different headers. You can select the different header style in the theme options.

  • Login in wordpress
  • Go to "Avada" on the right menu
  • 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:

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

The technical post webpages of this site follow the CC BY-SA 4.0 protocol. If you need to reprint, please indicate the site URL or the original address.Any question please contact:yoyou2525@163.com.

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