Viewing 6 posts - 21 through 26 (of 26 total)
  • Author
    Posts
  • #21430
    Sakin
    Keymaster

    @Nancy: Can you try the following then.

    #sidebar-header-right  .widget_catchevolution_social_search_widget #social-search #s {
        display: block;
        width: 1px;
    }
    #21439
    Nancy
    Participant

    That gets the icons close together, but the search box doesn’t expand correctly when you click on it. It’s slightly bigger than the icon. Same behavior on Android and PC.

    #21456
    Sakin
    Keymaster

    @Nancy: First try the following css.

    #sidebar-header-right  .widget_catchevolution_social_search_widget #social-search #s {
        display: block;
    }

    If it doesn’t work then remove it and add the following

    #sidebar-header-right  .widget_catchevolution_social_search_widget #social-search #s {
        display: block;
        width: 0;
    }
    #sidebar-header-right  .widget_catchevolution_social_search_widget #social-search #s:focus {
    	width: 196px;
    }
    #21499
    Nancy
    Participant

    Neither worked.

    #21517
    Sakin
    Keymaster

    @Nancy: What happens when you add the second one.

    #sidebar-header-right  .widget_catchevolution_social_search_widget #social-search #s {
        display: block;
        width: 1px;
    }
    #sidebar-header-right  .widget_catchevolution_social_search_widget #social-search #s:focus {
    	width: 196px;
    }
    #21538
    Nancy
    Participant

    The CSS above with the change of the width to 1 px seems to do the trick. The buttons are in the correct spot and the box appears. The only minor thing is the default search text doesn’t appear, but I can live with that. (I still see the “s” from search on the search icon, but it’s really subtle and I don’t think most people will notice it.

Viewing 6 posts - 21 through 26 (of 26 total)
  • The topic ‘Android Browser Issues’ is closed to new replies.