Slider & header on mobile

Comments

• gabrielrenaud

  July 2018 edited July 2018

  Hi, I have the same issue on my site. Using a transparent header on larger screens, but on mobile it is showing up as white. 

  
  

  I added this code and it worked for me:

  
  

  /* Top bar */ 

  @media (max-width:767px){

  #Top_bar .top_bar_left{

  background:transparent;

  margin-top:0px;

          position:absolute;

  }}
• Pablo

  July 2018

  Hi,
  

  1) You have to make two sections in Muffin Builder, and put in one section slider for desktop and in second one for mobile.

  Then, edit both sections and on the bottom of this, you'll find "Responsive Visibility"

  Select on what devices it should be hidden.

  http://prntscr.com/kco5w0

  
  

  gabrielrenaud working?

  Cheers.
  

  Learn more: Video Tutorials | How To | FAQ Vote on what comes next
• trockowitz

  July 2018

  Thank you! 

  
  

  Transparent header CSS from @gabrielrenaud worked perfectly.

  
  

  For the 2 sliders, I am using Visual Composer (WPBakery) so I am not following your instructions well. Do you have instructions for this set up using WPBakery?
• trockowitz

  July 2018

  Actually – although the transparent CSS worked, on my homepage I have a slider set up and my logo is not showing on mobile. It is showing on all other site pages, just not on the homepage over the slider.
• Pablo

  July 2018

  Similiar.

  There is a item named 'Slider plugin'

  I'm not sure if there is Responsive Visibility option, but it should be.

  Thanks.
  

  Learn more: Video Tutorials | How To | FAQ Vote on what comes next