Create gap on the very bottom of the page?

Support
#1

Hi,

I have audio player that is fixed on the very bottom right corner. I need to create gap so when viewed on the desktop and mobile browser everything is visible. Currently its covering section of the footer menu and depending which stack I choose it covers footer credit. It covers even more on mobile it appears.
Height of the player is 112px.

Thanks!

#2

Hi There,

Thanks for writing in! Could you please try adding the following CSS rule into your Theme Options > Global CSS area.

body {
    margin-bottom: 50px;
}

Hope that helps.

#3

Hi there,

that does not work even after changing to 250px

#4

Hi There,

Try removing the comment in your css “//fix to create gap between bottom” and “//end”.

Test if it works. If it works and if you want to add comments to your css code try using this structure.

/* fix to create gap between bottom */
body {
    margin-bottom: 112px;
}
/* end */

Hope it helps.

Thanks

#5

Yes, it works great! Thank you!

#6

Glad we could help :slight_smile:

#7

This topic was automatically closed 10 days after the last reply. New replies are no longer allowed.