Hello,
When I try to use the search button on mobile browser nothing happens. It is as if there were no search button there.
My web page is
https://www.nordstromaudio.se
I use Opencart version 2.1.0.2 Default.
Anyone who know of this issue or can give me some help finding where I might find a solution?
Best regards/
Jesper
I had a quick look and it's a strange one as it looks like the input and the button are hidden behind something but I can't easily see what.nordstromaudio wrote: ↑Fri Aug 30, 2024 6:20 pmAnyone who know of this issue or can give me some help finding where I might find a solution?
UK OpenCart Hosting | OpenCart Audits | OpenCart Support - please email info@antropy.co.uk
It is your stylesheet for the btn-block basket.
You need to re-adjust for a mobile
or some such similar css
You need to re-adjust for a mobile
Code: Select all
@media (max-width: 767px) {
#search {
top:-50px;
margin-top:100px;
}
#cart {
display:none;
}
}DISCLAIMER:
You should not modify core files .. if you would like to donate a cup of coffee I will write it in a modification for you.
https://www.youtube.com/watch?v=zXIxDoCRc84
Thank you for responding paulfeakins and by mona.
I am a bit of a noob.
Is it possible to give me some more instructions exactly where and how I should put in the code?
This is what the code looks like now in stylesheet.css
/* search */
#search {
top:50px;
margin-bottom: 10px;
}
#search .input-lg {
height: 40px;
line-height: 20px;
padding: 0 10px;
}
#search .btn-lg {
font-size: 15px;
line-height: 18px;
padding: 10px 35px;
text-shadow: 0 1px 0 #FFF;
background: #ddd;
border: 1px solid #ddd;
}
/* cart */
Thanks!
I am a bit of a noob.
Is it possible to give me some more instructions exactly where and how I should put in the code?
This is what the code looks like now in stylesheet.css
/* search */
#search {
top:50px;
margin-bottom: 10px;
}
#search .input-lg {
height: 40px;
line-height: 20px;
padding: 0 10px;
}
#search .btn-lg {
font-size: 15px;
line-height: 18px;
padding: 10px 35px;
text-shadow: 0 1px 0 #FFF;
background: #ddd;
border: 1px solid #ddd;
}
/* cart */
Thanks!
Since in your stylesheet you already have the directive for screen widths below 767 (approximately line 944)
You could combine it with that.
Code: Select all
@media (max-width: 767px) {
.product-thumb .button-group button, .product-thumb .button-group button + button {
width: 33.33%;
}
}Code: Select all
@media (max-width: 767px) {
.product-thumb .button-group button, .product-thumb .button-group button + button {
width: 33.33%;
}
#search {
top:-50px;
margin-top:100px;
}
#cart {
display:none;
}
}DISCLAIMER:
You should not modify core files .. if you would like to donate a cup of coffee I will write it in a modification for you.
https://www.youtube.com/watch?v=zXIxDoCRc84
Thanks for the reply by mona!
I tried to place the code where you suggested, but it did not solve the problem.
I tried to place the code where you suggested, but it did not solve the problem.
I think it is solved now.
I just had to clear the browser cache for my phone and now the search bar works.
Super grateful for the help!
I just had to clear the browser cache for my phone and now the search bar works.
Super grateful for the help!
Great! So please add [SOLVED] to the start of this post title.
UK OpenCart Hosting | OpenCart Audits | OpenCart Support - please email info@antropy.co.uk
Who is online
Users browsing this forum: No registered users and 4 guests
