Hi,
I would like to manually reorder the Quicklinks in my footer.
Currently the last link is obscured by the live chat icon when viewing on mobile (shipping policy)
I would like that policy to be in the first position (where refund policy is currently)
Ideally the ability to place them in a required order would be best.
Is there a way to do this without changing the code?
Thanks in advance.
Regards
BAFC
This should be controlled in navigation settings
https://help.shopify.com/en/manual/online-store/menus-and-links
If not and a merchant needs that exposed as a controllable menu customization then contact me by mail for services.
ALWAYS please provide context, examples: store url, theme name, post url(s) , or any further detail in ALL correspondence.
Contact info in signature.
Still though you’d be better of moving the chat, or changing the footer height|layout to not obsure policy links.
In that section, or in global settings , add a custom css setting with the following CSS band-aid, performance wise this may cause a layout shift
footer { padding-bottom: 75px; }
or adjust so last link is under chat boxes hitbox area so it’s clicked to initiate a chat such as to intercept refund seekers but beaware that’s kinda of an anti consumer dark pattern.
Or try targeting the chat button by it’s iframe in a global theme css setting, unless it’s section or config allows setting. Though the apps script may reset or override it’s position.
#dummy-chat-button-iframe { margin-bottom: 18px !important; }
Hi PaulNewton,
Thanks for the advice. I could not change the settings in the menu, so I guess it will need a code change.
I have not tried the CSS suggestions as yet, but as you have stated these could affect layouts etc, I am not inclined to do so.
I will explore my options and get back to you.
Kind regards
BAFC