Navigation
Archive / Add button hanging from top in header
This is archived content. Visit our new forum.

Tagged: 

  • Author
    Posts
  • October 31, 2016 at 3:16 pm #1238351
    RocktheHouse1876
    Participant

    I would like to add a “Shop” button hanging from the header top exactly like the “Contact Info” button on this showcase sample:http://hs.utah.gov

    I’m using the Integrity theme, with a stacked layout of logo over nav bar.

    I’ve been working on this for some time with no results. How could this be accomplished?

    Any help that you could be provided would be greatly appreciated!

    Thank you.

    October 31, 2016 at 3:19 pm #1238356
    RocktheHouse1876
    Participant
    This reply has been marked as private.
    October 31, 2016 at 3:59 pm #1238384
    Joao
    Moderator

    Hi There,

    Go to Appereance > Customizer > Header > Turn on the Topbar Content and add:

    <a href="#" class="my-button"> Your text</a>

    Replace # for your link http://www.yourlink.co and “Your Text” for Your Text 😉

    Than on Appereance > Customizer > Custom > CSS > Add:

    .x-topbar {
  border-bottom: 0px;
}
.x-topbar .x-social-global{
display:none;
}
.p-info .my-button {
background:#1d745c;
color: white !important;
display:inline-block;
padding:15px;
font-size: 15px;
}
.x-topbar .p-info {
    margin-top: 0px;  
    float: right;
}

    Hope that helps

    Joao

    November 1, 2016 at 7:22 am #1239056
    RocktheHouse1876
    Participant

    Wow. That’s it! Thank you Joao!

    November 1, 2016 at 7:36 am #1239066
    Paul R
    Moderator

    You’re welcome! 🙂

  • Author
    Posts
  • <script> jQuery(function($){ $("#no-reply-1238351 .bbp-template-notice, .bbp-no-topic .bbp-template-notice").removeClass('bbp-template-notice'); }); </script>