Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • May 20, 2016 at 4:31 pm #635964
    macmutsaers

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

    May 23, 2016 at 5:29 am #636533
    Rikard

    Hi macmutsaers,

    Which one would you like to hide?

    Regards,
    Rikard

    May 23, 2016 at 12:46 pm #636737
    macmutsaers

    Hi Rikard,

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

    Regards,
    Angela

    May 24, 2016 at 12:40 am #637188
    Vinay

    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

    May 27, 2016 at 6:46 pm #639471
    avdenbroek

    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

    May 27, 2016 at 10:37 pm #639532
    Jordan

    Hi Angela,

    Glad to hear you solved it another way!

    Best regards,
    Jordan

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