@jflory7 hi I've solved the front end issue of the footer as you can see from this Pull Request. I'm sorry it took so long for me to finalize this pull request, but here you are! Please let me know if I need to fix anything else 👍👍

@jflory7 hi I've solved the front end issue of the footer as you can see from this Pull Request. I'm sorry it took so long for me to finalize this pull request, but here you are! Please let me know if I need to fix anything else 👍👍

@anhpham The footer work perfect in the large screen but it breaks incase of mobile view.

Hi @anhpham
I see that among the files changed to achieve this, you have made a change in a bootstrap file.

This is not an efficient practice, and is avoided to prevent errors where these classes are used to achieve some styling elsewhere.

It would be great if you can keep the bootstrap files as-it-is and have solution only in our custom.css file for styling :smile: :smile: :smile: :smile: :smile:

@jflory7 hi I've solved the front end issue of the footer as you can see from this Pull Request. I'm sorry it took so long for me to finalize this pull request, but here you are! Please let me know if I need to fix anything else 👍👍

@anhpham The footer work perfect in the large screen but it breaks incase of mobile view.

Thank you @alishapapun ! Will fix this shortly!

Hi @anhpham
I see that among the files changed to achieve this, you have made a change in a bootstrap file.
This is not an efficient practice, and is avoided to prevent errors where these classes are used to achieve some styling elsewhere.
It would be great if you can keep the bootstrap files as-it-is and have solution only in our custom.css file for styling 😄 😄 😄 😄 😄

For sure, thanks @phoenixabhishek !

Hi @alishapapun could you help guide me on how to test my code changes via mobile view? Are there any guides to set up testing for mobile in the documentation, because I have not seen any :( ?
Or if I understand it right, is it that we can change the size of the web page via desktop browser to check if it's responsive?

Hi @alishapapun could you help guide me on how to test my code changes via mobile view? Are there any guides to set up testing for mobile in the documentation, because I have not seen any :( ?

The way I have tested changes on mobile is using Responsive Design Mode from Firefox Developer Tools. If you are using a recent version of Firefox, you should be able to do the same.

I'm pretty sure Chrome has a way to do this too but I'm not sure how.

@anhpham In case of Google Chrome open the Dev tools and select "Toogle Device Toolbar" (Button present to the right of Elements). You will be able to produce view for different devices. For more help read this.

@jflory7 Hi I have updated my Pull Request!
This new commit includes:
1. Deleted previous Bootstrap change (as it is a bad practice) and keep it as it is.
2. Edited the file custom.css in order to make the footer not only consistent across all pages and fixed to bottom but also fit mobile view.

Hi @anhpham, thanks for your changes! :thumbsup:

I tested this with different mobile device settings successfully. However, for a larger screen I had this issue where the footer went off-screen:

It looks like the footer pushed the rest of the page out further. Could you please debug this issue? I tested with screen dimensions of 1920x1080 pixels (508x285 millimeters).

Hi @anhpham, thanks for your changes! 👍
I tested this with different mobile device settings successfully. However, for a larger screen I had this issue where the footer went off-screen:

It looks like the footer pushed the rest of the page out further. Could you please debug this issue? I tested with screen dimensions of 1920x1080 pixels (508x285 millimeters).

For sure! I will take a look and test this more thoroughly. Thank you so much!

For sure! I will take a look and test this more thoroughly. Thank you so much!

No problem. :smiley: Thanks for working on this.

Also, it looks like your pull request fell has a merge conflict after some of the other open PRs were merged. I made this comment in another PR with some tips on keeping a local and remote branch in sync, in case this is useful for you too.

For sure! I will take a look and test this more thoroughly. Thank you so much!

No problem. 😃 Thanks for working on this.
Also, it looks like your pull request fell has a merge conflict after some of the other open PRs were merged. I made this comment in another PR with some tips on keeping a local and remote branch in sync, in case this is useful for you too.

Indeed it is very helpful for me thank you! I will try this and update you my progress 👍