Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • #635964

    Hi,

    Left a ticket a few days ago about making a widget area invisible on mobile.
    I put the code below in quick css and now all widgetareas are invisible on mobile.
    Is there a way to make only one particular widget area invisible?
    I thougt I could work around this, but I really need to use other widgetareas.

    Thanks!
    Angela

    @media only screen
    and (min-device-width : 320px)
    and (max-device-width : 767px)
    {
    .flex_column .widget:first-child, .content .widget:first-child {
    padding-top: 0;
    border-top: none;
    display: none;
    }
    }

    #636533

    Hi macmutsaers,

    Which one would you like to hide?

    Regards,
    Rikard

    #636737

    Hi Rikard,

    It’s about the widgetarea / sidebar pages.
    Thanks!

    Regards,
    Angela

    #637188

    Hi,

    1. Try adding a div with the class name “hide-in-mobile” and then move the widget contents inside this div.

    2. Add this code to the Quick CSS section under Enfold > General Styling or to your child themes style.css file:

    @media only screen and (max-width: 767px){
    .hide-in-mobile {
    	display: none !important;
    }}
    
    

    Best regards,
    Vinay

    #639471

    Hi Vinay,

    Thanks for your reply. Sorry for my late reaction.
    I did not know how to add a div in the widgetarea, but I solved it another way.

    Thanks!
    Angela

    #639532

    Hi Angela,

    Glad to hear you solved it another way!

    Best regards,
    Jordan

Viewing 6 posts - 1 through 6 (of 6 total)
  • You must be logged in to reply to this topic.