Hide logo in mobile

[kmk]

Hi, I would like hide my website logo, thank in advance if anyone can share how to do it with css. 

The purpose is in mobile, just show the mobilenavbar, in my case it will have me to create a clean view. 

[Rikki]

1) In your mobileNavBar template, add this just before the closing </ul>:

<li>
  {template="mobileNavigationIcon" app="core" group="global" params=""}
</li>

2) In globalTemplate, find the <header> tag and change it to:

<header class='ipsResponsive_hidePhone'>

 

[kmk]

1 hour ago, Rikki said:

1) In your mobileNavBar template, add this just before the closing </ul>:

<li>
  {template="mobileNavigationIcon" app="core" group="global" params=""}
</li>

2) In globalTemplate, find the <header> tag and change it to:

<header class='ipsResponsive_hidePhone'>

 

But it just hide all mobilenavbar, incude the area where contain links and menu. What I need is, just hide the logo row, and move the menu to the same area of links or breadcumb.

Now it fine, I have the code apply incorrectlly....

Edited September 17, 2020 by kmk

[Adlago]

5 hours ago, kmk said:

Hi, I would like hide my website logo, thank in advance if anyone can share how to do it with css. 

The purpose is in mobile, just show the mobilenavbar, in my case it will have me to create a clean view. 

For Hamburger menu icon, do this

 

To hide the logo, for mobile - it is better to hide the ipsLayout_container.
Add in your Cystom CSS

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

 

Edited September 17, 2020 by Adlago

[kmk]

Is possible apply same code to hide header and footer completely?

What I am thinking is for some pages used for guests, or pages embed inside an app, users or guest only can see the page of a specific url. 

[Adlago]

8 hours ago, kmk said:

Is possible apply same code to hide header and footer completely?

What I am thinking is for some pages used for guests, or pages embed inside an app, users or guest only can see the page of a specific url. 

Share a link to your community and show in a screenshot what you want to hide.