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
  • <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>

    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

    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.

    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;
    }
Viewing 4 posts - 1 through 4 (of 4 total)