Transparency Header

- 8 years, 10 months ago Matt
  Participant
  
  Expired
  
  I’ve set my site (rockaprint.com) to have a transparent header. The site looks great but on mobile the header menu shows up way too light. Is there a customization we can make that keeps the transparent header activated for desktop view but not for mobile?
- 8 years, 10 months ago Mirela
  Participant
  Hello,
  
  For that please add this code into your custom css box:
  
  @media (max-width:480px){ .header_11.header_wrapper {background-color: rgb(18, 18, 18) !important;} }
  
  Best regards!
- 8 years, 10 months ago Matt
  Participant
  
  Expired
  
  Awesome! Thanks so much!
- 8 years, 10 months ago Matt
  Participant
  
  Expired
  
  Hey, this solved the problem for mobile (phone) but not on vertical orientation for tablet. Also, I have a page that uses an I-frame and the max width setting is causing issues with the rest of the page.
  
  Any way to get the custom code updated to fix the issue on tablet as well? and any ideas for the i-frame issue?
  Thanks,
- 8 years, 10 months ago Matt
  Participant
  
  Expired
  
  Hey, scratch that last request. I’ve got it figured out. Thanks again!

Viewing 4 reply threads

You must be logged in to reply to this topic.