Search box 100% width and mini cart question

[James]

James

May 27, 2020 at 7:13 am

Hi guys…

1. How can I make the search box 100% width.. Please see on mobile it’s not full width and same on desktop even if I set the width of the container to 100%. I am using elementor.

I tried this code without success:

@media screen and (max-width: 400px) {
.form-search {
width: 100% important;
}
}

@media screen and (min-width: 401px) and (max-width: 720px) {
.form-search {
max-width: 100% important;
}
}

@media screen and (min-width: 720px) {
.form-search {
max-width: 100% important;
}
}

2. Is there a shortcode for the virtue minicart as the elementor one doesn’t display the checkout buttons properly when a good amount of products are added on mobile devices… or am I better off on Mobiles just sending them straight to the cart page?

3. On mobile at checkout the continue shopping button is obscured.. how can I fix plz?

4. How can I make the field boxes slightly more grey a little like the mobile snapshot which was when I enabled the Hello theme… It just helps to make the checkout pop out more instead of all white background or almost white etc?

Many thanks
Anthony