Navigation
This is archived content. Visit our new forum.

Tagged: 

  • Author
    Posts
  • #1377626
    bluetroop2
    Participant

    http://ccrevents.bluetroop.com/

    Hi Team,

    On this web-site, I’d like to shift the logo at the top over to the left side and include the business contact info on the right right; phone, address, social media icons. Is there a piece of code you can send me to help me achieve this?

    Thanks in advance.

    #1377756
    Lely
    Moderator

    Hello There,

    Your site is in Coming Soon mode. Please give us admin credentials on a private reply so we can check what we can do.

    #1378208
    bluetroop2
    Participant
    This reply has been marked as private.
    #1378306
    Rupok
    Member

    Hi there,

    Thanks for writing back! You can add this under Custom > CSS in the Customizer.

    .masthead-stacked .x-brand {
        float: left;
    }

    And place your other info within Topbar Content after enabling Topbar from Customize > Header. We’ll help with the positioning if needed.

    Hope this helps.

    Cheers!

    #1378718
    bluetroop2
    Participant

    Thanks. I’ve placed in the code in the customizer and I’ve entered the content in the Top Bar section, but it still shows up as a Top Bar. What do I do to shift it over the right of the logo?

    #1379151
    Friech
    Moderator

    Hi There,

    I did go ahead and updated your topbar content and hide the original logo bar. Please let us know how or where do you want to position the contact and social icons.

    Thanks.

    #1379945
    bluetroop2
    Participant

    Thanks for your help! Topbar transparent, the phone, hours & address should be positioned underneath the social media icons, justified right alignment, bold brown Lato font style.

    #1380039
    Joao
    Moderator

    Hi There,

    Please add the following code to Appereance Customizer Custom CSS

    @media(min-width: 969px) {
    .topbar-contact.left {
      margin-top: 50px;
      float: right;
    }
    .x-topbar .x-social-global  {
      margin-right: -140px;
      margin-top: 5px;
    }
    .topbar-contact.left span {
         color: brown;
     
        font-family: Lato;
      }}

    Hope it helps

    Joao

    #1380144
    bluetroop2
    Participant

    Thanks, Joao.

    I did some tweeks to it and it works great. Thanks for your help.
    Just FYI, the Themeco Community web-site server seems to be running very slow today for some reason. Slower than usual.

    #1380171
    Jade
    Moderator

    You’re most welcome.

    Thanks for the heads up, we will look into it.

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