Center header elements

Home Forums All Other Themes Center header elements

Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • #111874
    Vanessa GómezVanessa Gómez
    Participant
    • Topics: 183
    • Replies: 480
    • Total: 663
    Member since: July 4, 2016

    Hi,

    web: www.cuinatscarrermajor.com
    Theme: Bakers

    I would like to center the elements of the header and that they appear in different lines in the following way:
    1- Email
    2- Phone numbers
    3- social media icons
    4- language selector

    How can I do this?

    Screenshot:

    null

    Thank you very much for your help!

    Best regards,
    Vanessa

    #111938
    Sonl SinhaSonl Sinha
    Moderator
    • Topics: 0
    • Replies: 31028
    • Total: 31028
    Member since: August 16, 2013

    Hi,

    Kindly go to Appearance >> Customize >> Basic >> Scroll down to find Custom CSS and paste there:

    @media screen and (max-width:479px) {
    .head-info-area .right { width:100%; text-align:center;}
    #qtranslate-2-chooser { display:inline-block;}
    .phntp a { display:block;}
    .shiftnav-toggle .fa { margin-top:45px;}
    }

    Regards,
    Chris

    #111983
    Vanessa GómezVanessa Gómez
    Participant
    • Topics: 183
    • Replies: 480
    • Total: 663
    Member since: July 4, 2016

    Hi Chris,

    Works fine!! Thank you very much!!

    Best regards,ç
    Vanessa

    #112046
    Sonl SinhaSonl Sinha
    Moderator
    • Topics: 0
    • Replies: 31028
    • Total: 31028
    Member since: August 16, 2013

    🙂

Viewing 4 posts - 1 through 4 (of 4 total)
  • You must be logged in to reply to this topic.