Used some CSS to modify the search widget adding a submit button and so the search field and submit button are next to each other and take up the width of the sidebar.
Looks OK on desktop:
https://drive.google.com/open?id=1xUuMNLqcL7a-2u8KI6n4VeREneIh3CgU
But the left padding I set results in the search field butted right up against the left side of the screen on mobile.
Can padding-left
be done to apply it for desktop only?
.sidebar .widget_search {
background: transparent;
padding-right: 0;
padding-left: 0;
}
.widget .search-field {
width: 69%;
}
.widget_search .search-submit {
display: inline-block;
background: #cc2229;
padding: 10px;
}
thanks,