Re: Little help on adding html links & a weird bug!

Little help on adding html links & a weird bug!

wujowujo
New Member
6 0 0

Hi all,

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

wujowujo_0-1699754530580.png

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 - 

wujowujo_1-1699754689469.png  < Sticky vs non sticky >wujowujo_2-1699754747653.png

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

Thanks in advance.

Jo

 

Replies 7 (7)

Abdosamer
Shopify Partner
895 163 183

Hi @wujowujo , can you share your store url?

wujowujo
New Member
6 0 0

It's on the post. ateliermake.com

Abdosamer
Shopify Partner
895 163 183

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
New Member
6 0 0

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

theycallmemakka
Shopify Partner
1662 396 417

Hi @wujowujo ,

 

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

Support Me: Buy me a Coffee


For quick response - Message Me


Ping me at: [email protected]

wujowujo
New Member
6 0 0

It's on the post. ateliermake.com

theycallmemakka
Shopify Partner
1662 396 417

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

Support Me: Buy me a Coffee


For quick response - Message Me


Ping me at: [email protected]