Viewing 7 posts - 1 through 7 (of 7 total)
  • Author
    Posts
  • February 18, 2014 at 7:12 pm #225668
    CloudChoice

    Hi,

    I would like to disable some layout elements in function of screen dimensions. In this case some Columns with some Text Block inside.

    Can I disable these Columns and all its contents using a QUICK CSS code? OR
    I need disable each Text Block inside the columns? Which code a need to use?

    The QUICK CSS code that i used is:

    @media only screen and (max-width: 767px) and (min-width: 480px) {

    }

    THANKS

    February 18, 2014 at 8:21 pm #225709
    Devin

    Hi CloudChoice!

    I’m not quite sure what you mean and where you want to “disable” things. Is this on the front end or in the WordPress admin?

    Regards,
    Devin

    February 18, 2014 at 9:00 pm #225733
    CloudChoice

    Hi,

    Sorry. Let me explain a little bit better. The disable will be just in front end.

    Example:

    I have some google charts inside a Text Block, inside a column element. But the google charts don´t work in android or mobile devices. Then I would like to disable this Column Element just in mobile devices.

    THANKS

    February 19, 2014 at 12:28 am #225830
    Yigit

    Hi!

    Please post the link to your website and point out that column element

    Best regards,
    Yigit

    February 19, 2014 at 1:45 am #225869
    CloudChoice
    This reply has been marked as private.
    February 19, 2014 at 1:50 am #225870
    Yigit

    Hey!

    Please add following code to Quick CSS in Enfold theme options under Styling tab

    @media only screen and (max-width: 480px) { 
.page-id-7165 #av_section_2 { display: none; }}

    Regards,
    Yigit

    February 19, 2014 at 2:01 am #225881
    CloudChoice

    Hi,

    PERFECT.

    Thank You

  • Author
    Posts
Viewing 7 posts - 1 through 7 (of 7 total)
  • The topic ‘Disable some layout elements’ is closed to new replies.