Slider & header on mobile

I have 2 questions regarding mobile:
  1. I am using LayerSlider WP and am wondering how to assign a different slider for mobile vs. desktop.
  2. My main site uses a transparent header: https://www.dropbox.com/s/uzmwmt76ppg26pf/Screen Shot 2018-07-28 at 4.43.42 PM.png?dl=0 and it is showing with a white background color on mobile: https://www.dropbox.com/s/e90g8rs4nj6ig6u/IMG_5332.PNG?dl=0

Comments

  • 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;
    }}
  • 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.

    gabrielrenaud working?
    Cheers.
  • 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?
  • 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.
  • Similiar.
    There is a item named 'Slider plugin'
    I'm not sure if there is Responsive Visibility option, but it should be.
    Thanks.
Sign In or Register to comment.