Invision Community 4: SEO, prepare for v5 and dormant account notifications By Matt Monday at 02:04 PM
RocketFoot Posted September 8, 2020 Posted September 8, 2020 Is it possible to not use custom CSS in mobile view? I have some custom CSS that seems to be affecting my mobile header/logo layout...seem logical to be able to block it in the mobile view?? Does anyone know how??
Solution Jim M Posted September 8, 2020 Solution Posted September 8, 2020 There is not a separate mobile view in our software as a responsive architecture is used (aka we adapt the view based on screen-size). CSS loads for a whole page regardless of what screen-size is used. You would need to use media queries to specify what parts of your custom CSS should render for certain screen-sizes: https://www.w3schools.com/Css/css_rwd_mediaqueries.asp
RocketFoot Posted September 8, 2020 Author Posted September 8, 2020 7 minutes ago, Jim M said: There is not a separate mobile view in our software as a responsive architecture is used (aka we adapt the view based on screen-size). CSS loads for a whole page regardless of what screen-size is used. You would need to use media queries to specify what parts of your custom CSS should render for certain screen-sizes: https://www.w3schools.com/Css/css_rwd_mediaqueries.asp Ok...fair enough bu what are we to do if we want to run a larger logo and taller header? The menu icon is now in the header instead of the nav bar in the mobile view so If I make my logo and header any bigger, it messes with the menu icon! Why couldn't it stay the way it was in 4.4.11?
Recommended Posts