Jump to content

Expand line code to fit either side of the viewport

Recommended Posts

Site URL: https://endive-denim-89ds.squarespace.com/

Hi all!

I am trying to create a title effect with a line animation that comes from either the left or the right side of the viewport. I thought I successfully made it work, but when my colleagues watch the website on their large screen (2560x1440) the lines stop before reaching the side of the viewport. 

Here is the markdown block I've made for the left lines:

<div style="text-align: right">We produce a new standard<br>of 3D films and images
======================================================
</div>
<hr style="height:2px !important;  margin-left: -400px !important; width: auto !important; background-color: #000000 !important; margin-top: -30px;">

Here is the markdown block I've made for the right lines:

Implementing/Performing into<br>the luxury driven culture
======================================================
<hr style="height:2px !important; width: 126.5% !important; background-color: #000000 !important; margin-top: -30px;">

 

Also, it seems like there is unnecessary margin on the right side of each page (this only shows when you scroll to the side). Is that normal?

Thank you for your help!!

 

pw: 1404-Broad

Link to comment
  • Replies 1
  • Views 340
  • Created
  • Last Reply

Archived

This topic is now archived and is closed to further replies.


×
×
  • Create New...

Squarespace Webinars

Free online sessions where you’ll learn the basics and refine your Squarespace skills.

Hire a Designer

Stand out online with the help of an experienced designer or developer.