Tagged: 

Viewing 16 posts - 1 through 16 (of 16 total)
  • Author
    Posts
  • May 10, 2015 at 6:58 pm #442127
    simonnek

    Hi

    I’m wondering if it is possible to hide sections (color section / grid row) that can be viewed on a computer monitor from showing on the responsive mobile version.

    for example if I would like to hide a Masonry Gallery from show on a mobile version of the website.

    May 11, 2015 at 10:01 am #442315
    Rikard

    Hi simonnek!

    Yes you can hide elements for certain screen sizes, you could use something like this in Quick CSS: 

    @media only screen and (max-width: 767px) {
#id-of-element {
display:none !important;
}
}

    Best regards,
    Rikard

    December 17, 2015 at 10:07 pm #554661
    MEHSA

    Hello,

    I’m trying to get this to work, but how do I find the element ID of certain sections?

    Cheers,
    MEHSA

    December 17, 2015 at 10:32 pm #554670
    Basilis

    Hey!

    You can use developer tools or with view source and target your elements.
    https://codex.wordpress.org/Finding_Your_CSS_Styles

    Cheers!
    Basilis

    December 17, 2015 at 10:54 pm #554686
    MEHSA

    Ah okay, so I guess it’s not possible to hide one element of the page on mobile without hiding all elements of that same name? For instance, on a page you have 4 horizontal blocks with an image, and on mobile you want to hide 2 of those boxes.

    December 22, 2015 at 2:12 pm #556569
    Yigit

    Hey!

    That is possible. Please see – http://kriesi.at/documentation/enfold/hide-menu-itemselements-on-mobile/

    Regards,
    Yigit

    January 28, 2016 at 5:55 pm #573915
    mmcc

    Yigit, I tried it and works great on ipad size, hides the elements, but then in small screen size (small mobile) it shows the element again, stacked. Any idea why?
    using it on a grid row
    @media only screen and (max-width: 990px) {
    .only-desktop { display: none !important; }}
    Monica

    January 28, 2016 at 6:05 pm #573924
    Yigit

    Hi!


    @mmcc     Can you please post the link to your page so we can look into it? We may need a temporary admin login as well.
    If you post a private content here, it would be visible to the OP. If you would like to avoid that, please start a new thread and post sensitive information there.

    Regards,
    Yigit

    January 28, 2016 at 6:27 pm #573944
    mmcc

    Yigit,
    is the first grid on top with the pictures.

    January 28, 2016 at 6:49 pm #573964
    Yigit

    Hey!


    @mmcc     Your code is currently as following 

    @media only screen and (min-width: 767px)
@media only screen and (max-width: 990px)
.only-desktop {
    display: none !important;
}

    Seems like you forgot to close first media query. Please make sure that your media queries are as following 

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

    If you would like us to look into it, please create a temporary admin login and post it here privately (again, the OP would see, so we recommend you to start a new thread in this case )

    Regards,
    Yigit

    January 28, 2016 at 6:59 pm #573969
    mmcc

    So sorry Yigit, I should have seen it
    Monica

    January 28, 2016 at 7:01 pm #573973
    Yigit

    Hey!


    @mmcc     No worries at all Monica!
    We will keep the thread open to hear from the OP. If you have any other questions or issues, please feel free to start a new thread

    Regards,
    Yigit

    November 18, 2016 at 8:11 pm #714168
    opersaud

    Hi, I’m having a similar problem.

    I’ve gone through the multiple threads about this issue and I’m not sure I’ve come away with a real solution.

    I may be wrong, but I think that in this age of 1920×1080 Desktop Screens and 4K Phone screens that aspect ratio is more important that resolution.

    These rules based on resolution seem to not take into account high resolution mobile devices.

    Is there a possibility of using something like aspect ratio to determine how content gets shown?

    November 18, 2016 at 8:12 pm #714169
    Yigit

    Hey!


    @opersaud     Have you referred to this post – http://kriesi.at/documentation/enfold/hide-menu-itemselements-on-mobile/
    If you have and that did not work for you, please start a new thread and attach temporary admin logins in private content field so we can look into it.
    If you post your credentials here, they will be visible to creator of this thread as well

    Best regards,
    Yigit

    January 14, 2017 at 3:24 pm #733555
    Graham

    The guide is great, I was about to post a support request and it answered my question instantly.

    • This reply was modified 7 years, 10 months ago by Graham.
    January 14, 2017 at 5:45 pm #733588
    Vinay

    Hi,

    Glad we could help!
    We really appreciate it if you rate our theme on themeforest https://themeforest.net/downloads
    To know more about enfold features please check – http://kriesi.at/documentation/enfold/
    Thank you for using Enfold :)

    Best regards,
    Vinay

  • Author
    Posts
Viewing 16 posts - 1 through 16 (of 16 total)
  • The topic ‘Hide Section In Mobile’ is closed to new replies.