Home Forums Weaver Xtreme Theme How to align search box with the site title in header

Viewing 5 posts - 1 through 5 (of 5 total)
  • Author
    Posts
  • #17908
    tonyc
    Participant

    I’m building my website with Weaver Xtreme Plus. I’d like to align search box with the site title on the left horizontally in header area. How do I do it? Thanks!

    #22773
    scrambler
    Moderator

    Do you mean you want the search Icon to be aligned left with the title and above it?

    if so add the rule below in Main options > Fonts & Custom > Custom CSS Rule box

    #header-search .search-form {right:auto;left:2%;}

    And increase the Y% value of the Title position to 3% to make space for it

    #22774
    tonyc
    Participant
    Sorry for not explaining clearly. I mean moving the search box down little bit to align with the site title. Your quick reply is really helpful. I finally solved the problem by adding following code in Main options > Fonts & Custom > Custom CSS Rule box. It seems to work well.


    #header-search .search-form {padding:26px 10px 26px 32px;}


    Thanks!
    #22775
    scrambler
    Moderator

    the search icon is positioned with

    #header-search .search-form {top:5px;right:10px;}

    So the simplest way to reposition it is to use the same rule with different values

    #header-search .search-form {top:35px;right:20px;}

    #22776
    tonyc
    Participant

    I’m not familiar with coding. Your answer is much better. Thank you for your great service!

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