We have now a reside search product bar on our web site, which sits in the appropriate hand sidebar on desktop variations, and we’ve got some customized css which locations it on the high on cell units, as it will usually be on the backside on mobiles out of sight, which is not good.
The one factor is, we then have to take away the second search field which seems in one of many widgets on mobiles, as the unique one is not required.
This may simply be accomplished by the next css:
@media (max-width: 768px) {
.sidebar .widget:first-child {
show: none;
Then solely factor is by doing this, this then removes the highest search bar on mobiles as nicely.
Struggling to discover a method to take away the underside widget, while holding the highest search bar in place on mobiles?
Have additionally tried including the search as a shortcode, and the identical factor occurs.
Struggling to search out out why hiding the widget on mobiles, removes the search bar from the highest?