Problem with anchor / regular links

Hi all,

I have a problem with adding some links into my sidebar navigation. When I add an regular link to google as example or using an anchor link, my SVG / text always moves to the left.. Can someone help me with this? Here is my file.

elementsapp://downloadDocument/B9SnK6EghSIK

(i am working on mobile first atm so adjustments need to be done)

Thanks!

Greetings,

Mike

I’ve taken a look at your project and it seems you have javascript:void(0) applied as a link to all the outer flex items. Not sure why this is, perhaps you are using a project you purchased from a third-party?

Anyway, if you wrap a link within a link site layouts will break as it’s not correct markup.

Remove the javascript:void(0) link from around the flex and your text links will work!

Let me know how you get on :slight_smile:

1 Like

Hi @MikeV

as this is one of the fleXon sidebars an additional answer from me. You should use the Flexbox as a link and not the text (therefore the dummy link with javascript:void(0) in the Flexbox). There is an icon and a text in the Flexbox and on small screens only the icon stays visible (because of the small space). If you set your link only to the text, you will loose your link on small screens.

2 Likes

Thank you @dan and @WeaverPixel for explaining this to me, i feel really dumb atm. :joy:

You guys rock!

Thanks alot!

Greetings,

Mike

You know, there are no dumb questions :wink:

By the way I like your website design from what is ready so far. Especially the logo is absolutely my taste - minimalistic and clear. Well done :+1:

1 Like

Thank you! :grinning_face_with_smiling_eyes: