Viewing 5 posts - 1 through 5 (of 5 total)
  • Author
    Posts
  • #11784
    hppi
    Participant

    Hi,

    the search box is jumping and moving away when entering text.
    (this happens only if the site title is long)

    http://www.hppi.de

    How can the search box fixed at its position?

    Regards,
    Werner

    #11795
    Sakin
    Keymaster

    @hppi: The search box expands when focus to let the user type in smoothly. But you can decrease the width of focus by adding in the following css in “Appearance => Theme Options => Custom CSS” box.

    .header-sidebar #s:focus {
    	width: 80px;
    }
    #11799
    hppi
    Participant

    thx – I have implemented your CSS.

    This work for Google Chrome, Firefox (and maybe IE which I not have yet) but not for Opera 12.16 (Linux).

    If the site is explored with Opera 12.16 the search box is moving away again below title when entering text.

    Would be nice if you could find a solution to keep the increased focus width of the search box.

    Thanks,
    Werner

    #11800
    Sakin
    Keymaster

    @hppi: Ok let put the same as the search box without focus.

    .header-sidebar #s:focus {
    	width: 72px;
    	width: 7.2rem;
    }
    #11803
    hppi
    Participant

    Thanks it works – so far, its a sufficient solution to disable the focus.

    Best regards,
    Werner

Viewing 5 posts - 1 through 5 (of 5 total)
  • The topic ‘How to fix the position of the search box’ is closed to new replies.