How to disable footer scroll overflow on large screen sizes

[Chris]

How can i disable to the default behaviour for the footer on large screens to stop the footer and main body from overlapping when scrolling?

Add New Note to this Reply

[Jackie]

Hi.

Thank you for contacting us.

To disable that behavior for the footer, please add the custom CSS below to theme options/ custom/ custom CSS:

#yolo-footer-wrapper .yolo-footer-wrapper {
    position: relative;
}

Please recheck it.

Thanks.

Add New Note to this Reply

[Chris]

Hi Jackie, thanks for getting back to me.

I have add the css to the custom css and saved, however it does not add it to the css on-site even after a cache clear. I can see that it works adding it via my browser console.

According to the docs, there should be a "Save & Generate CSS" button, however I only have "Save Changes".

Add New Note to this Reply

[Jackie]

Hi.

Can you give us your site and login info? I can access your site to help you check the custom CSS.

Thanks.

Add New Note to this Reply

[Chris]

This reply has been marked as private.

Add New Note to this Reply

[Jackie]

Hi.

I have checked and fixed the footer scroll overflow issue.

Please recheck it.

Thanks.

Add New Note to this Reply

[Chris]

Hi Jackie, great, thank you for that. What was the issue, just incase I need to make further changes and it happens again.

Add New Note to this Reply

[Jackie]

Hi.

I just checked and added the custom CSS below:

#yolo-footer-wrapper .yolo-footer-wrapper {
    position: relative;
}

Thanks.

Add New Note to this Reply

[Chris]

Hi Jackie,

I thought I had done that though? Also, if I change for example the Page Title Margin and save, it doesn't reflect on the front end. It seems to ignore the settings I am putting in. It was set to 50px, I changed this to 0px and saved, yet it still shows as 50px on the frontend.

Chris

Add New Note to this Reply

[Jackie]

Hi.

Please check and clear the cache for this file: https://www.busylizzynursery.co.uk/wp-content/uploads/yolo-custom-css/custom-style.css

That will help you change the page title margin.

Thanks.

Add New Note to this Reply

[Author]

Posts