Viewing 14 posts - 1 through 14 (of 14 total)
  • Author
    Posts
  • May 1, 2017 at 8:44 pm #785971
    connect4consulting

    Hi,

    I am trying to show certain sections on desktop and certain sections on mobile. To do this, I’ve turned off widget areas on mobile and created a new section with an id of .mobile-only. Then I’ve updated the css accordingly but the color section that is supposed to be hidden when viewed from a desktop is still showing up everywhere.

    Please help! Love the theme. Information in private content.

    May 1, 2017 at 8:46 pm #785973
    Jordan Shannon

    Hey connect4consulting,

    Are you sure you are using the correct media queries? Please see the following to be sure:

    https://www.emailonacid.com/blog/article/email-development/emailology_media_queries_demystified_min-width_and_max-width

    Best regards,
    Jordan Shannon

    May 1, 2017 at 9:22 pm #785989
    connect4consulting

    Can you take a look at the css?

    May 1, 2017 at 9:37 pm #785991
    Yigit

    Hi!

    Please change the ID to “mobile-only” and then your CSS to 

    @media only screen and (min-width: 990px) {
#mobile-only { display: none !important; }}

    Alternatively, you can enable custom CSS field and give your color section element a custom CSS class – http://kriesi.at/documentation/enfold/hide-menu-itemselements-on-mobile/

    Best regards,
    Yigit

    May 1, 2017 at 9:48 pm #785995
    connect4consulting

    Yigit,

    I did or am trying to do what you suggest. I enabled custom CSS field and gave that color section the custom css class of .only-mobile. Then I used the following:

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

    Is that correct?

    May 1, 2017 at 10:16 pm #786003
    Jordan Shannon

    Hi,

    Your above should work if you want it to only work up until 900px. Is it still not functioning correctly?

    Best regards,
    Jordan Shannon

    May 2, 2017 at 1:43 am #786065
    connect4consulting

    This is not working. Please help me.
    Thanks.

    May 2, 2017 at 1:51 am #786066
    Jordan Shannon

    Hi,

    Please provide login data so I can look into this further.

    Best regards,
    Jordan Shannon

    May 2, 2017 at 2:13 am #786071
    connect4consulting

    Jordan,

    Login data is in private content.

    Thanks.

    May 2, 2017 at 2:34 pm #786376
    Yigit

    Hi,

    There were some errors in your custom CSS code in Style.css file. I corrected them and flushed cache now it works.
    Please review your website now

    Best regards,
    Yigit

    November 26, 2018 at 3:26 pm #1037662
    dgvicario

    Hi, I’m having the following issue when trying to display some sections just on mobile and some sections just on desktop on my page david.travel. I was using the Quick CSS with the following code:

    @media only screen and (min-width: 769px) {
    .only_mobile { display: none !important;}}

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

    It was working great until I decided to load another enfold demo (2017). And suddenly it stopped working. The coming soon page stopped working as well as other pages in which I was using different id’s for mobile and for desktop. The weird thing is that I tried that on another page with the same coming soon page (david.photo) and it’s not working either.

    What can I do? It’s a bit frustrating.

    November 26, 2018 at 10:59 pm #1037823
    Jordan Shannon

    Hi,

    Are the classes still being recognized? Please provide a link to the site/page in question so we can look into this further.

    Best regards,
    Jordan Shannon

    November 27, 2018 at 11:42 am #1037961
    dgvicario

    Hi, I had it sorted. There was a problem with cache.

    Thanks for your quick reply.

    November 27, 2018 at 9:31 pm #1038214
    Victoria

    Hi dgvicario,

    Glad you got it working for you! :)

    If you need further assistance please let us know.

    Best regards,
    Victoria

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