Disable the logo (text or image) in mobile mode

[Janyour]

Hello,

is it possible to disable the logo in mobile view ? a css perhaps ?

[opentype]

Yes, “display:none” would hide it. But there is no such thing as a “mobile view”. There is only smaller screens which can be targeted with a media query. 

[ABGenc]

There is a built-in class you can use ;

"ipsResponsive_hidePhone"

[Janyour]

oh thank you ABGenc, can you tell me please what i should do with this class ? paste some code ?

 

[ABGenc]

13 minutes ago, Janyour said:

oh thank you ABGenc, can you tell me please what i should do with this class ? paste some code ?

 

I will test and paste the code here when I can if no one replies earlier  

[ABGenc]

4 hours ago, Janyour said:

oh thank you ABGenc, can you tell me please what i should do with this class ? paste some code ?

 

For default theme ;

Find

			<header>
				<div class='ipsLayout_container'>

and change div as follows

<div class='ipsLayout_container ipsResponsive_hidePhone'>

Seems to work on my test site.

[Janyour]

Work perfectly thank you very much, really appreciate your support

 

[kmk]

@media screen and (max-width: 767px) {
.logo {
    display: none !important;
}
}  

Hi guys, above code does not work for default theme, can you correct me please...

and what is the code for apply tablet view? what I want to do is hide logo in mobile and tablet.