Welcome to TalkGraphics.com
Results 1 to 3 of 3
  1. #1
    Join Date
    Aug 2022
    Posts
    5

    Default How to responsively align elements to right of webpage

    I am trying to create a website that has certain elements aligned to the far right of the page, that will always align there, even on page resize. Right now they just center right justify when the page width goes over the normal amount. Example :

    Click image for larger version. 

Name:	example.jpg 
Views:	169 
Size:	8.6 KB 
ID:	132659

    Anyone know of an easy way to do this?

  2. #2
    Join Date
    Dec 2018
    Location
    Australia
    Posts
    1,895

    Default Re: How to responsively align elements to right of webpage

    You will need to make your element 'sticky' - Utilities > Web Sticky/Stretchy > Sticky (radio button) and then position it off the page area. This will cause the element to glue itself to the edge of the screen.

    In the screenshots I was making a placeholder for a form. The yellow circle has a rectangle grouped with it. If you make the rectangle 99% transparent, it will give the effect of pushing the circle away from the edge of the screen.

    Click image for larger version. 

Name:	Edge1.jpg 
Views:	161 
Size:	48.7 KB 
ID:	132661 Click image for larger version. 

Name:	Edge2.jpg 
Views:	159 
Size:	44.3 KB 
ID:	132662

  3. #3
    Join Date
    Mar 2009
    Posts
    4,521

    Default Re: How to responsively align elements to right of webpage

    Chris, thanks for that tip. Very useful to know.

 

 

Tags for this Thread

Bookmarks

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •