looking for tips to make the site a little more mobile friendly.
i have considered making entirely separate mobile layouts on pages of their own, although that could prove to be an issue with how comments work on the site. the site wasnt built for mobile usage after all but id like to remedy any issues that come from it.
Set your side bar to be collapsible and arrange your divs to be on their own layer. That should let your existing layout work fine on mobile. The only issue is the side by side divs.
Flexbox is helpful for dealing with the sidebar as aznet said. My site has a sidebar and it basically will become a row on mobile to go across the top whereas on desktop it is a side bar. I wouldn't make separate pages for the mobile layout because it will cause more work for you, better to take the time to make the original site mobile-friendly.
Set your side bar to be collapsible and arrange your divs to be on their own layer. That should let your existing layout work fine on mobile. The only issue is the side by side divs.
i'll be working on the collapsable side bar, many thanks for the tips.
Flexbox is helpful for dealing with the sidebar as aznet said. My site has a sidebar and it basically will become a row on mobile to go across the top whereas on desktop it is a side bar. I wouldn't make separate pages for the mobile layout because it will cause more work for you, better to take the time to make the original site mobile-friendly.