Make a certain section stick to the bottom of the page

Store Design
,
1

I’d love for the lime green section to stick to the bottom of the browser window. How might this be possible?

https://pearler.work/pages/manifest

2

Hi @pearlerwork

You can try this code by following these steps:

Go to Online store => themes => actions => edit code and add this code on file theme.liquid before tag

PageFlyVictor_0-1676950077556.png
PageFlyVictor_0-1676950077556.png1600×777 194 KB

Hope this answer helps.

Best regards,

Victor | PageFly

3

Hi @pearlerwork ,

Glad to support you today.

You can check out my suggestion below to get your concern resolved:

  1. Go to Edit code on Online Store:

GemPages_0-1676951178289.png
GemPages_0-1676951178289.png400×163 25.3 KB

  1. add my code above the tag on Theme.liquid:

Eg:

GemPages_1-1676951291476.png
GemPages_1-1676951291476.png1204×863 17.8 KB

I hope you find the answer helpful.

Kind & Best regards,
GemPages Support Team.

1 Like
4

It would be quite propitious if the lime-green segment were to affix itself to the nethermost portion of the browser window. How might this concept be actualized? One possible solution may be to employ a combination of cascading style sheets and JavaScript programming, taking into consideration the various viewport dimensions and user interactions. Ascertaining optimal placement and responsive behavior will necessitate close observation and meticulous testing throughout the development process.

1 Like