Set FOOTER at the bottom of the page

Highlighted
Tourist
5 0 0

Hello, 

On initial loading, on desktop, the footer is at the bottom of the page but after resizing it moves up a little. Any ideas on how to get the footer to stay at the bottom of a half filled page?

https://delovery-org.myshopify.com/pages/login  

Pw : xuxado

Need it to work on the login page for now!

 

ashrestha_0-1594270922769.png

 

0 Likes
Highlighted

please explain in more detail - what do you mean "resize" ?  I could not recreate this.

- browser

- operating system (mac, pc, etc)

view in private browser or clear cache.

I tried chrome, safari, firefox - no issues.

I did notice that you have extra padding on rollover in the header for the navigation items. You might want to remove that rollover state.

 

James Byrne, Owner, Information Architect (USMC VET)
After Dark Grafx - Since 1992
"We Work After Dark, So You Don't Have To!"
https://www.afterdarkgrafx.com

Services: Website Design, Mobile App Development (iOS, Android, Windows), Ecommerce, Magento, Shopify, Miva, BigCommerce, Search Engine Optimization, Wordpress, Hosting, Graphic Design, Merchant Accounts, Consulting and all things web related!

Certified Partner/Developer/Affiliates: Shopify, Google Integrator, Wordpress, Zoho, AuthorizeNet, Geotrust and a Member of the San Diego Regional Chamber of Commerce, Veteran Owned Businesses, Veteran's In Business Network.

I also build custom apps for Shopify!
0 Likes
Highlighted
New Member
1 0 0

Just try these two changes in css  (in bold) and let me know;

1.    @media only screen and (min-width: 1058px)
.site-footer__linklist {
width: 50vw !important;


2.  @media only screen and (min-width: 750px)
.site-footer__item {
padding: 0 15px 0 15px;
margin-bottom: 5px;

 

Happy Coding

Alok.

 

0 Likes