How can I add a centralised link to my custom liquid?

Store Design
,
1

Hi there,

On the main page I have a custom liquid with an autoplay video. I want to add a centralised link at the top of it. I was trying to edit the code for custom liquid as well as CSS of the custom liquid, but nothing seems to work. Can anyone advise?

2

Hello @alant ,

I check your website video autoplay, It’s show on full width then what you want?

3

I want to add link which will forward to ‘shop’ tab at the top of it.

4

Hi @alant
Set the below CSS and HTML to show the required output


    
    Your Link Text

CSS for center text

The output will look like this:

Rishihuptech_0-1703244999862.png
Rishihuptech_0-1703244999862.png1886×916 370 KB

5

That worked perfectly, thank you so much!

6

Just a follow up question - it’s working great on desktop, however it looks funny on mobile - can you please tell me how to centralised text in this scenario, and maybe make it smaller but for mobile only?

Screenshot 2023-12-22 at 12.21.24.png
Screenshot 2023-12-22 at 12.21.24.png340×698 231 KB

7

Hi @alant
You can place below CSS for mobile responsive

@media only screen and (max-width: 650px) {
  .video-link {
    padding: 5px !important;
    font-size: 25px !important;
    text-align: center;
  }
}
8

Amazing! That works, thank you so much!