Set FOOTER at the bottom of the page

ashrestha
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

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
alokshrivastava
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
paramSoft
Shopify Partner
1444 235 643

Hello @ashrestha Please this css at the end of your theme.scss or style.scss which is in asset folder

 

 

@media only screen and (min-width: 750px) {
.page-container {
       -ms-transform: none;
      -webkit-transform: none;
      transform: none;
}
}

.footer5 {
  position: absolute;
  bottom: 0;
  width: 100%;
}

 

 

If this solution works, please click on accepted as solution and click on like button!!!!

 

Want to customize Shopify storefront? Check the PageFly app
75,000+ Active Shopify merchants. TOP5 best Shopify Apps.

Contact Me On : parambabla.soft@gmail.com