Center header elements

Home › Forums › All Other Themes › Center header elements

Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • November 17, 2018 at 11:29 am #111874
    Vanessa GómezVanessa Gómez
    Participant
    • Topics: 182
    • Replies: 479
    • Total: 661
    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

    November 19, 2018 at 10:46 am #111938
    Sonl SinhaSonl Sinha
    Moderator
    • Topics: 0
    • Replies: 30984
    • Total: 30984
    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

    November 19, 2018 at 11:37 pm #111983
    Vanessa GómezVanessa Gómez
    Participant
    • Topics: 182
    • Replies: 479
    • Total: 661
    Member since: July 4, 2016

    Hi Chris,

    Works fine!! Thank you very much!!

    Best regards,ç
    Vanessa

    November 20, 2018 at 12:27 pm #112046
    Sonl SinhaSonl Sinha
    Moderator
    • Topics: 0
    • Replies: 30984
    • Total: 30984
    Member since: August 16, 2013

    🙂

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