Posts

Showing posts with the label responsive design

SharePoint 2013 - Responsive SharePoint Design Issues with IE8 and @media tags

UPDATE:  After looking at this again, the answer is yes, I must have been doing something silly.  Guessing the page was not fully refreshing after checking in the Master Page with the changes or something like that, as I haven't changed anything to get it to work, just re-downloaded & re-added the respond.js files. ----------------------------------------------------- I've been spending some time with the Responsive SharePoint solution I found on CodePlex here:  https://responsivesharepoint.codeplex.com/ and have come across an issue that I am yet to resolve when using Internet Exploer 8 (IE8) to view the page. Using: Bootstrap-3-server.master Issue: When using IE8, the top navigation defaults to the mobile view even when full screen (wider than 768px). This is due (i think) to IE8 not reading the .navbar-toggle inside a @media tag, which when wider than 768px, is hidden via display:none.  Normally, for a solution using bootstrap, to resolve is...

SharePoint 2013 - Responsive Design

G'day,        Just a quick note to say if you haven't heard of it already, then you should check out this solution on CodePlex that is absolutely awesome:  http://responsivesharepoint.codeplex.com/ What it contains: - Responsive resizeable Master Pages & Page Layouts for SharePoint 2013 that work with Twitter's Bootstrap CSS. - Responsive resizeable Master Pages & Pages Layouts for SharePoint 2013 that work with Zurb's Foundation CSS. I've tried both briefly but so far prefer the Bootstrap version for the font types and colours.  Although I most of us will be making modifications to suit the clients that we are working with, they are a great starting point to Responsive Design for SharePoint that have been designed very well. If you don't have time to build your own solution from scratch, this is the perfect starting point to build on top of.  Congratulations and thank you to all who have worked on the project so far! More...