[Nancy]

When the screen size gets smaller, the search button is not displayed when the Social Widget+Search is used. This is probably a space limitation, but I figured I’d ask.

Is there any way to conditionally add a widget if one has a certain screen size? Basically, there is no search option via the social widget, I’d like to add the standard search widget.

[Sakin]

@Nancy: You can control at from CSS. Yes, we hide it in mobile devices. If you add the following css in “Apperance => Theme Options => Custom CSS” box then it will display the default search but will hide the search in social search widget.

@media screen and (max-width: 767px) {
	.sidebar-top #searchform {
		display: block;
	}
	.sidebar-top .widget_catchevolution_social_search_widget #searchform {
		display: none;
	}
}

[Nancy]

Added the custom CSS and the search box isn’t appearing.

If my widgets are in the main sidebar, do I need to adjust the code above?

URL: http://ipcrew.com/SHSTest

[Sakin]

@Nancy: I though you are trying to add default search widget in mobile. So, I gave you that css. To add in the social search widget, you need to replace the previous css with the following:

@media screen and (max-width: 767px) {
.sidebar-top .widget_catchevolution_social_search_widget #searchform {
    display: inline;
    float: right;
    margin-left: 10px;
    width: auto;
}
.widget_catchevolution_social_search_widget .social-profile {
    float: right;
}
}

[Nancy]

Sakin – I am trying to add the default search widget for mobile devices. I added the CSS you originally gave me and the search box doesn’t appear when I view my site on my phone.

[Sakin]

@Nancy: I check in your site and you are using Social Search Widget not default search Widget. Also you haven’t added updated css. Please check above.

[Nancy]

Thank you. The above code does work to add back in the social search box and does work correctly on my phone.

Is there any way to add the standard search box for a mobile display if it’s not already added to one of the sidebars? I’m guessing no.

[Sakin]

@Nancy: No You need to add Search box in widgets then only it will be displayed.

[Author]

Posts