Center align contact info in topbar

Home › Forums › Jevelin Theme › Center align contact info in topbar

Home › Forums › Jevelin Theme › Center align contact info in topbar

Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    RESOLVED Posts

  • LeaV
    Participant

    Hi,

     

    Is there a way to center align any contact info in the top bar – at the moment it just appears to be placed almost “randomly” in terms of position. I like the SM icons where they are though – right aligned.

     

    I’d also like to make the contact info bigger if possible and possibly remove the icon next to it. Is this possible?

     

    Thanks!

    Attachments:
    You must be logged in to view attached files.

    Shufflehound Support
    Moderator

    Solution for this topic

    Hi @LeaV,

     

    Thank you for your question.

     

    You can achieve it by adding the following CSS code in the Custom CSS code option of your theme on the below path.

     

    Admin Area -> Appearance -> Theme Settings -> Custom Code -> CSS Code

     

    .header-contacts-details > i {
    display: none;
}

#page-container .header-contacts-details {
    font-size: 16px;
    text-align: right;
}


.header-social-media.sh-table-cell {
    display: inline-block;
    width: 45%;
}

.header-contacts.sh-table-cell {
    display: inline-block;
    width: 55%;
}

     

    Best regards,
    Shufflehound team

    LeaV
    Participant

    Thanks! 🙂

    Shufflehound Support
    Moderator

    You are most welcome here 🙂

  • Author
    Posts
Viewing 4 posts - 1 through 4 (of 4 total)