Little help on adding html links & a weird bug!

[wujowujo]

Hi all,

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

Site: ateliermake.com

I've spent a fair share of time on it so any help is appreciated! 🙂

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 - 

  < Sticky vs non sticky >

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

Thanks in advance.

Jo

[Abdosamer]

Hi @wujowujo , can you share your store url?

[wujowujo]

It's on the post. ateliermake.com

[Abdosamer]

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

<a href="www.site.com"><h2>shop</h2></a>

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

[wujowujo]

Thanks but I don't know where to locate the script. Can you help? 🙂

[theycallmemakka]

Hi @wujowujo ,

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

[wujowujo]

It's on the post. ateliermake.com

[theycallmemakka]

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 </body>

<style>
#shopify-section-1548362660068 .picture-block-content a:after, #shopify-section-1543439643693.picture-block-content a:after{
    content: ""!important;
    position: absolute!important;
    width: 100%!important;
    height: 100%!important;
    left: 0!important;
    bottom: 0!important;
}
</style>

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