• Global community
    • Language:
      • Deutsch
      • English
      • Español
      • Français
      • Português
  • 日本語コミュニティ
    Dedicated community for Japanese speakers
  • 한국 커뮤니티
    Dedicated community for Korean speakers
Exit
Locked
0

White Space on Bottom of Responsive Layouts

Explorer ,
Oct 31, 2017 Oct 31, 2017

Copy link to clipboard

Copied

I can't get the white space to go away at the bottom of my pages.

What are the best practices for eliminating this.

WakeSide Marine - Home

Views

298

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines

correct answers 1 Correct answer

Community Expert , Oct 31, 2017 Oct 31, 2017

The footer by default has margins and padding's added by the browser, try to setting the top padding and margin to zero and that might make it smaller. 

footer { margin-top: 0px; padding-top: 0px; } 

Hope this helps!

Votes

Translate

Translate
Community Expert ,
Oct 31, 2017 Oct 31, 2017

Copy link to clipboard

Copied

Moving this to the Muse forum as you've posted in the Lounge, a non-technical support area for conversation.

Votes

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Guest
Oct 31, 2017 Oct 31, 2017

Copy link to clipboard

Copied

Are you talking about the white below the black footer?

Votes

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Explorer ,
Oct 31, 2017 Oct 31, 2017

Copy link to clipboard

Copied

yes

Votes

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
LEGEND ,
Oct 31, 2017 Oct 31, 2017

Copy link to clipboard

Copied

LATEST

Without coding you could do this in muse as well, BTW.

Votes

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Community Expert ,
Oct 31, 2017 Oct 31, 2017

Copy link to clipboard

Copied

The footer by default has margins and padding's added by the browser, try to setting the top padding and margin to zero and that might make it smaller. 

footer { margin-top: 0px; padding-top: 0px; } 

Hope this helps!

Votes

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines