mobile-information-bar Hide heads on mobile splash page 7.0

Site URL: https://www.violetmalibu.com

I have tried all three code options which hides the logo at the top of the splash page except for the mobile view. Note-the splash page is set as the home page. Any tips will be appreciated!

I've pasted the code here: Page settings-Advanced, page header code injection

#collection- 601bc2c13629333a236e34eb
{
      header, footer {
             display: none !important;
     }
 }

AND I've tried this:

<style type="text/css">
.Header-inner, 
.Footer,
.tweak-mobile-bar-top-fixed .Mobile-bar--top {
    display: none!important;
}
</style>

AND I've tried this:

<style>

  .sqs-announcement-bar {
  
    display : none;
    
    }
    
  <style>

On 8/6/2021 at 1:37 PM, caroline4 said:

Site URL: https://www.violetmalibu.com

I have tried all three code options which hides the logo at the top of the splash page except for the mobile view. Note-the splash page is set as the home page. Any tips will be appreciated!

I've pasted the code here: Page settings-Advanced, page header code injection

#collection- 601bc2c13629333a236e34eb
{
      header, footer {
             display: none !important;
     }
 }

AND I've tried this:

<style type="text/css">
.Header-inner, 
.Footer,
.tweak-mobile-bar-top-fixed .Mobile-bar--top {
    display: none!important;
}
</style>

 

AND I've tried this:

<style>

  .sqs-announcement-bar {
  
    display : none;
    
    }
    
  <style>

Hi, Add to Design > Custom CSS

body.homepage a.Mobile-bar-branding {
    visibility: hidden;
}

On 8/7/2021 at 11:50 PM, tuanphan said:

Hi, Add to Design > Custom CSS

body.homepage a.Mobile-bar-branding {
    visibility: hidden;
}

 

So simple! Beautiful! Many thanks:)