• 

  Jarkko

  Participant

  March 6, 2018 at 05:24

  Please see mobile screenshot: https://prnt.sc/inf3ft

  I would need to make the floating area marked with the red arrow smaller in heigth (at least 50%). I have a few ideas how to make it and depending on the solutions, I’ll pick one (or more):

  1) Can I make the area smaller in height without changing the logo size? How?
  2) Can I make the logo smaller in the mobile view? How? *
  3) Can I have the logo removed in the mobile view? How? *
  4) Can I use a totally different (smaller) logo for mobile view only? How? *
  5) Can I have the whole area not visible on the checkout page in mobile view? How?

  *) Will this affect the height of the area?

  Thanks!

  #187262 Copied
  1 Answer
  

  Rose Tyler

  Support staff

  March 6, 2018 at 11:56

  Hello,

  You can add css code in Theme Options > Custom css > Custom css for mobile:
  1.

  .fixed-header-area {
      padding-top: 0px;
      padding-bottom: 0px;
  }

  2.

  .fixed-header-area .header-logo img {
      max-height: 40px;
  }

  3.

  .fixed-header-area .header-logo {
      display: none;
  }

  4. Sorry but this is not possible to use another logo on mobile.
  5. To disable the fixed header on some page:

  @media (max-width: 480px) { 
      .fixed-header-area {
          display:  none;
      }
  }

  go to edit a page > http://prntscr.com/inj8it

  Regards

  #187318 Copied
• Viewing 2 results - 1 through 2 (of 2 total)