RD mod of Magnesium theme?


(Bob Afifi) #1

Does anybody know if there’s a responsive design version of the old Magnesium theme available somewhere? Theme still looks/works OK on desktop, but not mobile. Layout is structured divs and CSS.


(LJ) #2

No chance. You could build something similar using one of blank themes - Foundation / Foundry etc but if you want a proper menu system that matches you would need to make your own button images and and hand code that as the navigation. You could also do it entirely with manual links - OK if site is small

Out of interest what does it look like on mobile using minimum width 680px or variable width?


(Bob Afifi) #3

Thanks! I’m messing around with the template now. Don’t care about keeping the nav bar images for mobile (stock Bootstrap hamburger nav is fine with me).


(Bob Afifi) #4

Turns out what I’m really trying to do is make the theme adaptive (not responsive). Having some success with media queries and setting float: none; and width: auto (like in this example
https://www.smashingmagazine.com/2010/07/how-to-use-css3-media-queries-to-create-a-mobile-version-of-your-website/ )

Hack looks doable! (somebody with stronger CSS skills than me could surely have it done by now).


(Doug Bennett) #5

That’s a pretty old article from Rachel Andrews. She is one of the leading teachers on CSS, and in particular the new CSS grid layout.
She has authored a very complete training course on CSS.
https://thecssworkshop.com
The magazine article you’re using as guide is pretty dated 2010.


(Bob Afifi) #6

Yeah, I know it’s an old post but her approach of modifying a copy of the main CSS for mobile still works. I’ve got most of it already done. Just have to figure out what I want to do for the navigation.


(Bob Afifi) #7

UPDATE 11/2: Somehow I uploaded the wrong CSS file earlier, ugh. Sorry about that.
Found some additional things since then that I want to clear up in the CSS. Will provide new files as soon as I can. Thanks.


(system) #8

This topic was automatically closed 6 days after the last reply. New replies are no longer allowed.