Viewing 2 posts - 1 through 2 (of 2 total)
  • Author
    Posts
  • #11944
    AidezMoi
    Member

    Hello!

    I am trying to:

    1) center my logo
    2) put the search bar and social icons on the same line
    3) put the social icons and search bar above the logo
    on the right

    I have looked through this forum and tried multiple codes, but I am unable to achieve all three things simultaneously.

    Here is what it looks like:

    http://southpeacearchives.org/new/

    #11976
    Sakin
    Keymaster

    @AidezMoi:
    1) center my logo
    — Add the following css in “Appearance => Theme Options => Custom CSS” box.

    #header-left, #site-logo { width: 100%; }
    #site-logo a { text-align: center; }
    #hgroup-wrap #site-logo img { display: inline; }

    2) put the search bar and social icons on the same line
    — Add the following css in “Appearance => Theme Options => Custom CSS” box.

    #header-right { max-width: 100%; width: 100%; }
    #header-right .widget { clear: none; margin-left: 15px; }

    3) put the social icons and search bar above the logo on the right
    — To make this you need to upgrade to pro version, where there is header top sidebar. There you can add in Social Widgets and Search Widget.

Viewing 2 posts - 1 through 2 (of 2 total)
  • The topic ‘Logo, Social Icons, and Search Bar’ is closed to new replies.