Mobile device search box

bicyclepart

Can anyone help me with css code to change the search box size (Height) on the mobile device version?

saguaros

You can try this custom css:

@media (max-width: 768px){
.eshop-search .eshop-input-prepend .btn {margin-bottom: 0;}
}

bicyclepart

Thank you soooooooo much, that worked. will that be the same for the desktop as well, or how should i modify it.

saguaros

You can try this:

.eshop-search .eshop-input-prepend .btn,
.eshop-search .eshop-input-prepend input[type="text"], .eshop-search .eshop-input-prepend input:focus{margin-bottom: 0;}

bicyclepart

I wish I actually knew who you are you have been an amazing help. Do you do freelance work on joomla sites?

saguaros

bicyclepart Hi

It will require fairly extensive customization in both CSS and JavaScript.

bicyclepart Do you do freelance work on joomla sites?

Yes, I’m available for freelance work 😉 Here are my contact details:

WhatsApp: +84 985 847 208
Telegram: heinzz8
Viber: +84 986813955
MS Teams: hiennm88
Signal: https://signal.me/#eu/o0rdedToaF11T3kGwCUFOe5xDpB6ydVFpOwqtN0iFNtc-dDrEQlKbbXBTm0J0fG8

bicyclepart

Would you by any chance have the code to open the mobile menu in compressed view, my menu only opens in expanded view on the mobile device

bicyclepart

saguaros

Thank you did send you a WhatsApp message