Hi,
1. In vendors list page try to remove sidebar in page settings http://prntscr.com/ixwlry.
In vendor shop page try to remove blog sidebar globally in theme settings (Theme Settings -> Blog) and enable it only on blog post page.
2 & 3. Try to add the following code snippet to the Custom CSS area in Theme Settings to fix this issues.
.wcmp_vendor_list .vendor_sort {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
margin-left: -10px;
margin-right: -10px;
}
.wcmp_vendor_list .vendor_sort select,
.wcmp_vendor_list .vendor_sort input {
margin-left: 10px;
margin-right: 10px;
}
.wcmp_vendor_list .vendor_sort select {
max-width: 195px;
}
.wcmp_vendor_list .vendor_sort input {
min-width: 90px;
}
.woodmart-my-account-links + a {
max-width: calc(33% - 15px);
width: calc(33% - 15px);
padding: 20px;
display: block;
box-shadow: 0 0 4px rgba(0, 0, 0, 0.18);
font-size: 14px;
font-weight: 600;
text-align: center;
text-transform: uppercase;
}
.woodmart-my-account-links + a:hover {
background-color: rgba(0, 0, 0, 0.03);
color: #3f3f3f;
}
.woodmart-my-account-links + a:before {
content: "\f437";
font-family: "woodmart-font";
display: block;
color: #d0d0d0;
margin-bottom: 10px;
font-size: 50px;
font-weight: 400;
line-height: 50px;
-webkit-transition: color 0.25s ease;
transition: color 0.25s ease;
}
.woodmart-my-account-links + a:hover:before {
color: #7eb934
}
@media (max-width: 1024px) {
.woodmart-my-account-links + a {
max-width: calc(50% - 10px);
width: calc(50% - 10px);
}
}
@media (max-width: 768px) {
.wcmp_vendor_list .vendor_sort select {
max-width: 100%;
}
}
@media (max-width: 480px) {
.woodmart-my-account-links + a {
max-width: 100%;
width: 100%;
}
.wcmp_vendor_list .vendor_sort {
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.wcmp_vendor_list .vendor_sort select {
margin-bottom: 10px;
}
}
Regards
.
