Invision Community 4: SEO, prepare for v5 and dormant account notifications Matt November 11, 2024Nov 11
Posted September 17, 20204 yr 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.
September 17, 20204 yr 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'>
September 17, 20204 yr Author 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, 20204 yr by kmk
September 17, 20204 yr 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, 20204 yr by Adlago
September 17, 20204 yr Author 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.
September 18, 20204 yr 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.