Header - Logo - Alignment

Home › Forums › Jevelin Theme › Header – Logo – Alignment

Home › Forums › Jevelin Theme › Header – Logo – Alignment

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

  • zapata
    Participant

    <p class=”p1″>Hello.</p>
    <p class=”p1″>Is there a way of centering the logo in tablet & mobile formats. (currently it’s ranged left)</p>

    Shufflehound Support
    Moderator

    Hi @zapata,

     

    Thank you for your question.

     

    Yes we can achieve it developing custom CSS code.

     

    For that please share me the screenshot of how your logo is displaying in mobile and tell me which header layout are you using?

     

    Best regards,
    Shufflehound team

    zapata
    Participant

    Hi,

    Screenshots attached. Logo is currently on the left. Can it be centred please?

    Header layout in ‘Page’ is: 9

    Header layout in ‘Customised’ is: 2

    Thanks.

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

    Shufflehound Support
    Moderator

    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

     

    .sh-header-mobile-navigation .sh-table-cell {
    display: block;
    text-align: center;
}

.sh-header-mobile-navigation .sh-nav-container,
.sh-header-mobile-navigation .header-logo {
    float: none;
    display: table;
    margin: 0 auto;
}
  • Author
    Posts
Viewing 4 posts - 1 through 4 (of 4 total)