Little help on adding html links & a weird bug!

Store Design
, ,
1

Hi all,

I need a little help with turning the section titles “Shop” and “Make” into a clickable link:

wujowujo_0-1699754530580.png
wujowujo_0-1699754530580.png1895×968 261 KB

Site: ateliermake.com

I’ve spent a fair share of time on it so any help is appreciated! :slightly_smiling_face:

Also, there’s this bug where when I change into sticky header, the top of the site makes a weird gap on mobile, and when I switch it back to normal (non sticky), it appears to be okay -

wujowujo_1-1699754689469.png
wujowujo_1-1699754689469.png378×565 95 KB

< Sticky vs non sticky >
wujowujo_2-1699754747653.png
wujowujo_2-1699754747653.png378×575 117 KB

Would really love some help on this too! I would like to keep the sticky header.

Thanks in advance.

Jo

2

Hi @wujowujo , can you share your store url?

3

It’s on the post. ateliermake.com

4

To make shop and make into a clickable link you need to wrap them inside a tag for example :

[## shop](www.site.com)

and instead of www.site.com put the link you want.

5

Hi @wujowujo ,

Can you provide the link that should be added on “Make” and “Vist” text?

6

Thanks but I don’t know where to locate the script. Can you help? :slightly_smiling_face:

7

It’s on the post. ateliermake.com

8

Hi @wujowujo ,

Try adding below css to make the text clickable.

Follow these Steps:

  1. Go to Online Store
  2. Edit Code
  3. Find theme.liquid file
  4. Add the following code just above tag

If you require further help to optimize your store, please don’t hesitate to reach out. If you find this information useful, a Like would be greatly appreciated. And if this solves the problem, please Mark it as Solution!

Best Regards,
Makka