MatthewNakatani Posted June 12, 2020 Share Posted June 12, 2020 (edited) Site URL: https://www.abeno.co.uk/order Hi guys, Quick question, we've got a couple online stores up with breadcrumb navigation which work great on the computer, but disappear in the mobile version and seem to allow only the arrow options. Is there a way to keep the breadcrumb nav in the mobile site? The thing I'm worried most about is frustrating customers, because after you add an item to basket you have to press back on the browser to go to the previous page, or through the main site navigation, both options of which bring the customer back to the top of the main store page regardless of what category they might have been in. I'd be very grateful if someone could give me a hand with this. Cheers, Matthew Edited June 12, 2020 by MatthewNakatani Link to comment
tuanphan Posted June 14, 2020 Share Posted June 14, 2020 Add to Home > Design > Custom CSS @media screen and (max-width:767px) { .ProductItem .ProductItem-nav .ProductItem-nav-breadcrumb { display: block; } .ProductItem .ProductItem-nav { flex-direction: column; } } ocelotstudio, specialdale, lara_e and 2 others 3 2 Email me if you have need any help (free, of course.). Answer within 24 hours. Or send to forum message Contact Customer Care - Learn CSS - Buy me a coffee (thank you!) Link to comment
MatthewNakatani Posted June 18, 2020 Author Share Posted June 18, 2020 That did the job! Thanks so much tuanphan! Link to comment
mars2 Posted December 4, 2020 Share Posted December 4, 2020 (edited) On 6/14/2020 at 2:30 AM, tuanphan said: Add to Home > Design > Custom CSS @media screen and (max-width:767px) { .ProductItem .ProductItem-nav .ProductItem-nav-breadcrumb { display: block; } .ProductItem .ProductItem-nav { flex-direction: column; } } HI there! What CSS would include the product's category in between this? Thanks in advance!! Edited December 4, 2020 by mars2 spelling correction Link to comment
tuanphan Posted December 8, 2020 Share Posted December 8, 2020 On 12/4/2020 at 4:52 PM, mars2 said: HI there! What CSS would include the product's category in between this? Thanks in advance!! Hi, I don't quite understand the question.. Email me if you have need any help (free, of course.). Answer within 24 hours. Or send to forum message Contact Customer Care - Learn CSS - Buy me a coffee (thank you!) Link to comment
LonniWong Posted October 2, 2022 Share Posted October 2, 2022 On 6/14/2020 at 11:30 AM, tuanphan said: Add to Home > Design > Custom CSS @media screen and (max-width:767px) { .ProductItem .ProductItem-nav .ProductItem-nav-breadcrumb { display: block; } .ProductItem .ProductItem-nav { flex-direction: column; } } That helped me as well! Thank you @tuanphan tuanphan 1 Link to comment
Recommended Posts
Create an account or sign in to comment
You need to be a member in order to leave a comment