Blog Post #3 - Mobile Optimization

The first change that I made for mobile viewing was changing my header to disappear as people scroll on my page. This is so that the viewers won't be distracted by the header as they scroll through the pages. I also positioned my quick actions to float on the side of the page so that the viewers of my page can access it easily while it is not in their way from viewing my content. I also included a 'back to the top' button so that they don’t have to scroll through the long pages to get back to the top. Lastly, in the mobile editor, I fixed my ‘Resume’ and ‘Sample Projects’ pages. Those were the only pages that I had to edit and adjust. On the website, everything looked organized and neat. However, when I went to the mobile editor, everything got shifted out of place and looked confusing.