March 9, 2012 at 9:49 pm #10148
Guys, thanks for the reply, but the recommendation you supplied did not do the trick. The reason I’m posting this again is that my last post was closed and I could not reply.
Original question: Anyone know how to disable and/or remove the responsive layout within the Propulsion theme?
Reply from cog7: I haven’t tested this, but most responsive websites simply use media queries in the CSS. It looks like the Propulsion theme has those queries in the layout.css file, between lines 2034 and 2099. If you remove those, comment them out, or override them with your own CSS, that should make the theme a “normal,” unresponsive theme.
Reply from (the man) Kriesi: thanks cog7 thats the correct answer :)
I am modifying the layout.css file located in, you guessed it, the CSS folder, however, after I upload the new style sheet, the responsive theme remains (the formatting is off a little, though, which I attribute to the removal of the Media Query code.)
When I open the layout.css file in Dreamweaver 5.5, my code lines only go to 2035…
Here’s a link to a screenshot of the code within the layout.css file I assume you are referring to: http://www.breakpointi.com/media-query-code.gifMarch 9, 2012 at 10:05 pm #67064
Removing the queries removes the change in layout completely for different media devices. The layout is still mostly liquid however which is why you’ll see it kind of squish together even after remove the @media specific styles.
In order to get rid of this, you’ll need to go through the layout.css and change most of the percentage based containers and layout classes that make up the structure of the theme.March 9, 2012 at 10:41 pm #67065
Hm actually the solution might be easier than to change all the percentage based settings.
I would recommend to open the grid.css file and also remove all the media queries in there (line 57-180).
This will set the outer container to a fixed with, therefore you dont need to edit every single percentage based with inside of layout.css
removing the media queries of layout.css should then seal the deal…
let us know if that works out, I’ll leave this thread open for now ;)March 11, 2012 at 4:05 pm #67066March 11, 2012 at 4:26 pm #67067
The topic ‘Disable/Remove Responsive Layout within Propulsion Theme (revisited)’ is closed to new replies.