Archived topic
Weird alignment issue with an element
6 replies · Started by Andrew on October 5, 2022
In mobile view of the shared link the social links at the bottom used to align fine but now align very weirdly! I can't figure out what's causing it as everything looks fine on the element and I can't see any CSS affecting it?
Normally the social links would just align in the same way as the menu text. Any ideas?
EDIT: It seems to go wrong when I add a link to the text. Without a link the text all aligns fine. Add a link and it goes strange.
Hi there,
I'm not sure I'm seeing the issue on the page. Any chance you can share a screenshot of what we should be looking for?
Thanks!
Here it is: https://imgur.com/a/Nnv7YL5
Those social links align normally when they aren't actual links but go all over the place when I add a link to any of them.
Hi there,
The HTML is a little messy here - are you using Container blocks with links to build these social icons?
If so, you shouldn't have to do that - you can use Headline or Button blocks without the need for Containers.
I tried not using a container but it puts all the headlines on the same row.
This is a hook using after_slideout_navigation.
Sorry I sorted it. Used one container with all the headlines in that.
Thanks for the help.
No problem! :)
