Hello,
Can someone tel me how i can get more space between the links in the dropdown menu (see Image)
If I change padding in the stylesheet nav>li then it also affects the navbar. And that is not what i want.
The dropdown is custom made. But I can not reach the developer anymore.
https://www.112ink.nl
Please inform me. Thank you
you want more space in between option of select drop down, we hope you want vertical space?
You may like these extension : - https://www.opencart.com/index.php?rout ... r=cmsrooms
OC version.alarsdes wrote: ↑Fri Nov 05, 2021 9:49 pmHello,
Can someone tel me how i can get more space between the links in the dropdown menu (see Image)
If I change padding in the stylesheet nav>li then it also affects the navbar. And that is not what i want.
The dropdown is custom made. But I can not reach the developer anymore.
https://www.112ink.nl
Please inform me. Thank you
Dedication and passion goes to those who are able to push and merge a project.
Regards,
Straightlight
Programmer / Opencart Tester
I don't think it can be done in Google Chrome (as described here https://stackoverflow.com/questions/226 ... -in-chrome) but in Firefox the spacing looks good to me.alarsdes wrote: ↑Fri Nov 05, 2021 9:49 pmCan someone tel me how i can get more space between the links in the dropdown menu (see Image)
If I change padding in the stylesheet nav>li then it also affects the navbar. And that is not what i want.
The dropdown is custom made. But I can not reach the developer anymore.
https://www.112ink.nl
UK OpenCart Hosting | OpenCart Audits | OpenCart Support - please email info@antropy.co.uk
Utterly irrelevant in this case.
UK OpenCart Hosting | OpenCart Audits | OpenCart Support - please email info@antropy.co.uk
Up to your share of views of course but be reminded that older OC versions do use older jQuery libraries as well. If that is irrelevant according to you, then something here on the topic is missing definitely based on the information that is provided.
Dedication and passion goes to those who are able to push and merge a project.
Regards,
Straightlight
Programmer / Opencart Tester
It seems to me in this case that it's just the HTML <select> element that can't be styled here.straightlight wrote: ↑Mon Nov 08, 2021 7:03 pmbe reminded that older OC versions do use older jQuery libraries as well.
UK OpenCart Hosting | OpenCart Audits | OpenCart Support - please email info@antropy.co.uk
Hi alarsdes,
Unfortunately, as @paulfeakins has alluded to it before, styling HTML form elements is tricky business, and usually has to be done differently for different browsers. In the case of some elements (<select> is one of these) it's practically impossible to execute reliably and consistently across browsers. For more on the reasons and what you can try please refer to this MDN article on styling web forms.
Instead, you could replace the HTML control with a framework-driven solution. As opencart already uses Bootstrap, Bootstrap Dropdowns could be the way to go here, but there are other open source solutions as well. Implementing these would require refactoring the JS too, but in return you would get complete control over the styling. Depending on how comfortable you are with front-end development, this might require you to involve professional help.
I hope this has been a meaningful contribution!
Gergely
Unfortunately, as @paulfeakins has alluded to it before, styling HTML form elements is tricky business, and usually has to be done differently for different browsers. In the case of some elements (<select> is one of these) it's practically impossible to execute reliably and consistently across browsers. For more on the reasons and what you can try please refer to this MDN article on styling web forms.
Instead, you could replace the HTML control with a framework-driven solution. As opencart already uses Bootstrap, Bootstrap Dropdowns could be the way to go here, but there are other open source solutions as well. Implementing these would require refactoring the JS too, but in return you would get complete control over the styling. Depending on how comfortable you are with front-end development, this might require you to involve professional help.
I hope this has been a meaningful contribution!
Gergely
Thank you all.
BTW. I do not understand why , Google finds this a problem.
When I open my webshop https://www.112ink.nl with Android 11 phone.
And looking at the dropdown I really do not want anymore space between the items. See image
BTW. I do not understand why , Google finds this a problem.
When I open my webshop https://www.112ink.nl with Android 11 phone.
And looking at the dropdown I really do not want anymore space between the items. See image
Attachments
dropdown-space.jpeg (186.93 KiB) Viewed 1000 times
Oh, so this is about Google complaining about tap targets!
I don't think it's an issue with the <select> then, but the Top Menu and Footer Links (at least Lighthouse says so...)
To resolve the issue read through this thread and follow the suggestions there.
I hope this helps,
Gergely
I don't think it's an issue with the <select> then, but the Top Menu and Footer Links (at least Lighthouse says so...)
To resolve the issue read through this thread and follow the suggestions there.
I hope this helps,
Gergely
Attachments
lighthouse.png (1.19 MiB) Viewed 976 times
Who is online
Users browsing this forum: No registered users and 59 guests
