Align to bottom on mobile

Roscodav · April 27, 2020

Hi all,

I have an issue that I am struggling with. On my site I that I just started building I have the social media icons and a simple text line at the bottom of the page and this appears fine on a laptop but on mobile it is floating in the middle of the page rather than sticking to the bottom. Any help appreciated.

www.loose-canon.co.uk

Hikin' Mike · April 28, 2020

Add this to your Theme's Custom CSS section:

@media (max-width: 736px) {  

  .sm-user-ui .sm-page-initialized .sm-page-content > .sm-page-layout > .sm-page-layout-region-footer {
    position: fixed;
    bottom: 0;
  }

}

Roscodav · April 28, 2020

Hi Mike,

Thanks for this, you are a star. Worked perfectly!

Align to bottom on mobile

Comments