You are wrong Olga,
I added the code that Eva put and if you read the whole topic you would already see I tried that.
web page details in private, click and hover over the product image and you will see the popup still appears!
Please see example here of the problem that happens, the black overlay box that appears.
And the list icons in the footer on mobile (iPhone) in portrait, it’s the same in landscape mode on the mobile too.
The image below is from the home page (Not the search page) using the same iPhone mobile in portrait / landscape mode.
Adding uavc-list-content as display: inline-flex as Eva suggested did NOT work!
Thanks
The list icons on the search page are NOT inline which I have repeated several times as my image shows!
On lower resolutions I.e. Mobile such as iPhone in portrait the list icons go above the text?
There seems to be a barrier on communication here?
Sorry that does not fully solve the problem, now in landscape on the iPhone the search image (magnifying glass) still goes into the text?
Also still the issue with the footer icons??
I think I have got somewhere but not fully.
I have added this code which seems to have improved the buttons being seperated.
@media (max-width:320px) {
.empty-category-block p {
display: inline-block;
margin:20px 0px 0px 0px;
}
}
@media (min-device-width:568px) and (max-device-width:767px) {
.empty-category-block p {
display: inline-block;
margin:20px 0px 0px 45px;
}
}The main problem seems to be the search image staying above the h2 and p text, there are still some media queries where this breaks and the search (magnifying glass) goes into the text?
on the iPhone in portrait on 320px the buttons I would like to align to the left under the h2 text so they are more central, at the moment they are to the right on the screen.
Forgot to say I am testing on the iPhone in portrait mode, list icons are not inline, return to shop and go to home buttons end up being joined together?
