Okay
  Public Ticket #920250
Hid section on mobile/desktop
Closed

Comments

  • Serene started the conversation
    October 13, 2016 at 7:36am

    Hi,

    I would like to hid certain section on mobile. I have given that section a class and put in this CSS on the setting

    @media only screen and (max-width : 480px) {
        .fleet-section {
            display: none!important;
        }
    }


    But it's not working? am i missing steps?

    and what is the CSS to hid section on desktop? is it

    @media only screen and (max-width : 1500px) {
        .fleet-section {
            display: none!important;
        }
    }



  •  8,996
    Tahir replied
    October 13, 2016 at 2:38pm

    Hey Serene,

    Simply use these VC Column Responsive Options :

    Thanks 

    ThemeNectar Support Team 

  • Serene replied
    October 14, 2016 at 5:41am

    Hi Tahir,

    I have tried this on nectar slide, it does not work on that? and also, I would like to hid the whole row and not just a section. is that do able?

    Serene

  •  8,996
    Tahir replied
    October 14, 2016 at 8:10pm

    Hey Again,

    To Hide the Nectar Slider you will have to turn off the Parallax Slider Option in "Nectar Slider Settings " VC Popup Box : 


    You can use any of these 4 classes and add them to the Row Extra Class Field to hide that particular row:

    vc_hidden-lg vc_hidden-md vc_hidden-sm vc_hidden-xs

    Thanks 

    ThemeNectar Support Team