Viewing 1 replies (of 1 total)
  • Theme Author deucethemes

    (@deucethemes)

    You can use the top advertisement widget area and add the search widget. Then we need to do some styling for the search bar because that area is intended for ads. Download Simple Custom CSS WordPress plugin then go to Appearance -> Custom CSS and add the following CSS code,
    .advertisement-area .widget {
    margin: 20px 0 0 !important;
    position: relative;
    }
    .advertisement-area .widget .searchform input[type=”text”] {
    position: absolute;
    right: 0;
    width: 100%;
    }

    .advertisement-area .widget .searchform input[type=”submit”] {
    position: absolute;
    right: 0;
    }
    @media screen and (max-width: 1039px) {
    .advertisement-area{
    min-height:50px;
    max-width:400px!important;
    }
    .advertisement-area .widget {
    margin: 30px 0 0 !important;
    }
    .advertisement-area .widget .searchform input[type=”text”]{
    left:0;
    margin:0 auto;
    }
    }

Viewing 1 replies (of 1 total)
  • The topic ‘Search function on homepage’ is closed to new replies.