This topic has 24 replies, 4 voices, and was last updated 9 years, 11 months ago ago by
I have a few issues with the search form page.
1) I would like to add a return to home page link as well as the included return to shop which is already there. I have this in place but it appears below the ‘ return to shop button, I would like the return to home button to be on the same line? …( please see picture.)
2) On the search form page my footer links, I have added list icons with text that align next to them, on this page the icons are above the text?
Please see image.
Hi Eva,
the search image does not stay at the top above the text on lower screen resolutions like shown in the image included.
tablets and iPhone the search image goes into the text.
Hello,
As I see the icons are shown inline on mobile.
Could you please show a screenshot?
What mobile device are you checking on?
Thank you.
Regards,
Eva Kemp.
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?
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.
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??
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?
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 issue related to '‘Search Form Page’' has been successfully resolved, and the topic is now closed for further responses
