right - left arrows to navigate through previous and next page

I have separate pages and I want to insert arrows each of them to make it user friendly. actually I did it but my method makes it a little bit hard. I used an arrow icon from "iconmonstr" and embedded it through my site. then write extra code under the icon for navigation. 

FOR RIGHT ARROW:
<div style= "text-align: center;">

  <svg style="fill: white;" width="30" height="30" viewbox="0 -11 11 34" xmlns="http://www.w3.org/2000/svg" fill-rule="evenodd" clip-rule="evenodd"><path d="M4 .755l14.374 11.245-14.374 11.219.619.781 15.381-12-15.391-12-.609.755z"/></svg>

</div>

FOR NAVIGATION:
<a href="https://google.com" class="sqs-block-button-element" style="width: 20px; height: 20px"></a>

I think there should be more easy way to make it. thanks. 

On 12/24/2022 at 6:24 PM, buura said:

I have separate pages and I want to insert arrows each of them to make it user friendly. actually I did it but my method makes it a little bit hard. I used an arrow icon from "iconmonstr" and embedded it through my site. then write extra code under the icon for navigation. 

FOR RIGHT ARROW:
<div style= "text-align: center;">

  <svg style="fill: white;" width="30" height="30" viewbox="0 -11 11 34" xmlns="http://www.w3.org/2000/svg" fill-rule="evenodd" clip-rule="evenodd"><path d="M4 .755l14.374 11.245-14.374 11.219.619.781 15.381-12-15.391-12-.609.755z"/></svg>

</div>

FOR NAVIGATION:
<a href="https://google.com" class="sqs-block-button-element" style="width: 20px; height: 20px"></a>

 

I think there should be more easy way to make it. thanks. 

Can you share your site with the protected password so I can take a look?

26 minutes ago, Beyondspace said:

Can you share your site with the protected password so I can take a look?

https://chameleon-cranberry-dedh.squarespace.com/config/pages
pw: 009988

I mean right side (also it's gonna be left side) of the title ''Caretta MINI''. when you click right, next page will be ''Caretta 1500''. 

10 hours ago, buura said:

https://chameleon-cranberry-dedh.squarespace.com/config/pages
pw: 009988

I mean right side (also it's gonna be left side) of the title ''Caretta MINI''. when you click right, next page will be ''Caretta 1500''. 

Can you share the URL slug to go into this page, I can not find it now?

4 hours ago, Beyondspace said:

Can you share the URL slug to go into this page, I can not find it now?

https://chameleon-cranberry-dedh.squarespace.com/caretta-mini

Do you mean using this arrow to replace the default arrow on gallery?

18 minutes ago, Beyondspace said:

Do you mean using this arrow to replace the default arrow on gallery?

no. when you click that arrow, you gonna pass to another trailer van page. its not about gallery. for example, in this section, caretta 1500, click right arrow and pass to Caretta Junior. and then uncle, off road etc...

5 minutes ago, buura said:

no. when you click that arrow, you gonna pass to another trailer van page. its not about gallery. for example, in this section, caretta 1500, click right arrow and pass to Caretta Junior. and then uncle, off road etc...

Are Caretta Junior. and then uncle, off road etc...  the texts or somethings else?

14 minutes ago, Beyondspace said:

Are Caretta Junior. and then uncle, off road etc...  the texts or somethings else?

they're different pages. so, when I click right arrow, website takes me another page which I'll link.

I think you can save your previous work for the link on arrow and use it again on anther page so It would save your time

14 minutes ago, Beyondspace said:

I think you can save your previous work for the link on arrow and use it again on anther page so It would save your time

 

but how can I embed the link into the arrow? my purpose is to make easy the navigating between pages. it will be too easy with left-right arrows. is it clear idk hahaha 🙂

1 minute ago, buura said:

but how can I embed the link into the arrow? my purpose is to make easy the navigating between pages. it will be too easy with left-right arrows. is it clear idk hahaha 🙂

I think you set the different link on the different page as the same as thing you did on the following page: https://chameleon-cranberry-dedh.squarespace.com/caretta-mini

3 minutes ago, Beyondspace said:

I think you set the different link on the different page as the same as thing you did on the following page: https://chameleon-cranberry-dedh.squarespace.com/caretta-mini

i have to set different link of page to navigate. in the mini page, I have to link another page's link.