Determine if skin switched to "minimal" or mobile layout?

[-FP]

Hi,

I don't want to display the image logo nor the site name as text on mobile devices, how can I modify the logo template of the default skin to accomplish that?

Well I want to assign a css class with "display: none" if the skin switches layout for mobile devices, I just need to know how to determine that.

[newbie LAC]

Hello,

1. http://community.invisionpower.com/topic/409153-different-html-code-depending-on-window-size/?do=findComment&comment=2535401

2. Add css classes to logo

[-FP]

I see, I need to get my head around this responsive thing lol.

Thanks.

[不中用]

I see, I need to get my head around this responsive thing lol.

Thanks.

​.

 

Add this in your custom.css in your theme CSS ..

This take care mobile & tablet .. if you wanna only have mobile adjust to 767px ..

 

@media screen and (max-width: 979px) {
	#ipsLayout_header .ipsLayout_container {
    	display: none;
    }
}

 

 

.

 

[-FP]

I see, so 980 pixels is the default to show the desktop view.

[不中用]

I see, so 980 pixels is the default to show the desktop view.

​.

sweet spot ..

 

.