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

Responsive footer

Explorer ,
Jan 10, 2018 Jan 10, 2018

Copy link to clipboard

Copied

Hi god people. How can I move footer content up with page content? You can see in Muse file, at 572px image start to be responsive and content below it moves up together with the picture as well as needed, but footer stays in place. I try every combination, but no luck. Do I have to create brakepoint between 572 and 320? Every help is welcome, thanks!

https://www.dropbox.com/s/kz1hvf8grqpyhan/Test.muse?dl=0

Views

647

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

LEGEND , Jan 10, 2018 Jan 10, 2018

Of course this works! Just be a little bit careful when following suggestions.

What exactly are you looking for?

  • The footer should be placed directly under the page content (–> deselect „sticky Footer“).
  • The footer should be at the bottom of the browser window , if the page length is shorter than the window height. (–> select „sticky footer)

There is no third option – not logically and not in Muse.

Go to every single breakpoint on layout page and master page and set the „Minimal Height" for example t

...

Votes

Translate

Translate
LEGEND ,
Jan 10, 2018 Jan 10, 2018

Copy link to clipboard

Copied

Deselect „Sticky Footer“ i every breakpoint in "Page Properties".

If there is still to much space between content and footer, reduce page size in every breakpoint. Normally, a very small page height is enough, because element, placed at the page bottom dynamically shift down the 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 ,
Jan 10, 2018 Jan 10, 2018

Copy link to clipboard

Copied

Already try, but on some pages I have less content and on larger resolution, footer is not at the bottom. Thanks.

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 ,
Jan 10, 2018 Jan 10, 2018

Copy link to clipboard

Copied

Of course this works! Just be a little bit careful when following suggestions.

What exactly are you looking for?

  • The footer should be placed directly under the page content (–> deselect „sticky Footer“).
  • The footer should be at the bottom of the browser window , if the page length is shorter than the window height. (–> select „sticky footer)

There is no third option – not logically and not in Muse.

Go to every single breakpoint on layout page and master page and set the „Minimal Height" for example to 500 px and deselect „Sticky Footer“ Now you have no space at all between page content and footer.

Don’t believe? Ok, here is your modified file: https://www.dropbox.com/s/gnu0h8pp619im7h/Ljubivoje_Lazic_Mod.muse?dl=0

As I said: Since footers react dynamically you can set very small minimal page heights. If you add elements on layout page, the length of your page adapts automatically.

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 ,
Jan 10, 2018 Jan 10, 2018

Copy link to clipboard

Copied

My minimum high was 1050 px. That was the problem! With 500 px and deselected sticky footer, everything works like a charm! Thank you Günter and God bless you!

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 ,
Jan 10, 2018 Jan 10, 2018

Copy link to clipboard

Copied

LATEST

Fine!

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