Navigation
Archive / Top Bar html content x-theme – social icon links not working.
This is archived content. Visit our new forum.

Tagged: 

  • Author
    Posts
  • May 17, 2016 at 2:31 pm #996038
    michaelmc
    Participant

    Hi there,

    I have the following html content in my top bar which prevents the social icon links from working:

    <font size=”5″>You |</font>
    <font size=”5″>Us |</font>
    <font size=”5″>Our thoughts |</font>
    <font size=”5″>Where </font>

    If I place div tags around the html then the icon links work but the top bar height increases.

    Can you suggest the best workaround here?

    Thanks,
    Mike.

    May 17, 2016 at 2:31 pm #996039
    michaelmc
    Participant
    This reply has been marked as private.
    May 17, 2016 at 3:37 pm #996099
    Joao
    Moderator

    Hi Mike

    You can follow this model to add links to your topbar:

    
<a href="/you/">You</a> | <a href="/us">Us</a> | <a href="/our-toughts/">Our Toughts</a> | <a href="/where/">Where</a>

    Than you can go to your Customizer / Custom / CSS and add the following code to control the size of your top-bar – play with the 2% value until you find the ideal size, you also can use px instead of % but % will respond better on mobile.

    .x-topbar {
   height: 2% !important;
}

    and to control the font-size you can add this code:

    
.x-topbar p {

font-size: 5px;

}

    Hope that helps,

    Joao

    May 18, 2016 at 5:42 am #997112
    michaelmc
    Participant

    Thanks Joao,

    Great support as always!

    Mike.

    May 18, 2016 at 6:24 am #997178
    Christopher
    Moderator

    You’re welcome.

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