Jump to content

Disable the logo (text or image) in mobile mode

Featured Replies

Posted

Hello,

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

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. 

There is a built-in class you can use ;

"ipsResponsive_hidePhone"

  • Author

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

:)

 

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 ;) 

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.

  • Author

Work perfectly thank you very much, really appreciate your support :)

 

  • 2 years later...
@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.

Archived

This topic is now archived and is closed to further replies.

Recently Browsing 0

  • No registered users viewing this page.