Viewing 21 posts - 1 through 21 (of 21 total)
  • Author
    Posts
  • November 1, 2015 at 1:45 am #528032
    NMOI

    Hi,

    I have the same problem as Mauro In the following post : https://kriesi.at/support/topic/enfold-right-sidebar-problem-when-ipad-in-portrait-mode-vertical/#post-525780

    Please check at http://www.multimediatique.fr

    Thanks

    November 2, 2015 at 9:29 am #528307
    Rikard

    Hey NMOI,

    Do you want to completely hide it on tablets? If so try this in Quick CSS:

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

    Best regards,
    Rikard

    November 2, 2015 at 10:12 am #528329
    NMOI

    Hi Rikard,
    Yes, this is what I want. I’ve tried to add your code (and even tried to add a } at the end since I guess there is one missing), but it didn’t change anything.
    Any idea?
    Thanks

    November 2, 2015 at 1:18 pm #528431
    Yigit

    Hey!

    Please try changing the code to following one 

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

    If that too does not work, please create a temporary admin login and post it here privately.

    Best regards,
    Yigit

    November 2, 2015 at 1:32 pm #528450
    NMOI

    Hi,
    I’m affraid it didn’t work neither. It just came back to the initial result.
    Please find in the private section the login credentials.
    Thanks

    November 3, 2015 at 5:21 am #528981
    Rikard

    Hi,

    Sorry for the bad code I gave you, could you upgrade our account to admin please?

    Regards,
    Rikard

    November 3, 2015 at 9:07 am #529043
    NMOI

    Hi Rikard,

    Oops, my bad too. I’ve just just changed it to admin.

    Thanks

    November 3, 2015 at 1:30 pm #529210
    Rikard

    Hi,

    You had your google analytics code in the Quick CSS box which isn’t too good, I removed it but it seems it’s not taking effect anyway. Could you try to disable your caching plugin to see if that helps please?

    Regards,
    Rikard

    November 3, 2015 at 5:34 pm #529500
    NMOI

    Hi Rakard,

    I understand what happened with Google analytics. When emtying the cache, the Envato page is refreshed, but not at the same tab. So I’ve mistaken the Google Analytics field in General layout with the quick CSS field in the following tab, which is at approximatly the same position. Sorry for that.

    With disabled cache, the sidebar becomes empty (but still there) and its content doesn’t appear anywhere else. I’m affraid the culprit is somewhere else.

    What else would you like me to try?

    Thanks

    November 3, 2015 at 5:50 pm #529517
    Yigit

    Hey!

    Seems like you have CSS minifying feature enabled on a plugin. Please disable it, flush cache and refresh your page a few times.

    Regards,
    Yigit

    November 4, 2015 at 1:02 pm #529958
    NMOI

    Hi Yigit,

    I’m affraid it didn’t change a thing. CSS is still disabled, if you want to check by yourself.

    The problem must come somewhere else.

    Thanks

    November 5, 2015 at 4:57 am #530492
    Ismael

    Hi!

    Please add this inside the css media query: 

    .container .av-content-small.units {
    width: 100%;
    border-right: 0;
}

    It should increase the width of the container and remove the right border.

    Cheers!
    Ismael

    November 5, 2015 at 11:08 am #530658
    NMOI

    Hi Ismael,

    I’m affraid you’ve lost me. Sorry, but I’m a CSS absolute beginer or close.
    What is the CSS media query? Where do I find this?

    Thanks

    Nicolas

    November 6, 2015 at 4:54 am #531327
    Rikard

    Hi,

    Try adding the following to the top of the Quick CSS box:

    @media only screen and (min-width: 768px) and (max-width: 1024px) {
.container .av-content-small.units {
    width: 100%;
    border-right: 0;
}
}

    Thanks,
    Rikard

    November 6, 2015 at 10:16 am #531380
    NMOI

    Hi Rikard,

    This time, it’s back to normal state with the standard sidebar. As if I didn’t add anything in the quick CSS.

    November 9, 2015 at 6:33 am #532369
    Ismael

    Hey!

    Could you please disable WP Rocket while working on the site? It hinders your frontend development because you can’t see the changes immediately. We modified the code in the Quick CSS field:

    @media only screen and (min-width: 768px) and (max-width: 1024px) {
 .container .av-content-small.units {
    width: 100%;
    border-right: 0;
}

.sidebar {
  display:none !important;
}
}

    Cheers!
    Ismael

    November 9, 2015 at 8:58 am #532421
    NMOI

    Hi Ismael,

    With WP Rocket disabled, I’ve updated the custom CSS with your suggestion and checked the effect. The result is an empty sidebar, but still there.

    This seems really nasty!

    November 10, 2015 at 5:10 am #533030
    Ismael

    Hi!

    I disabled the WP Rocket plugin and I think it’s OK now: http://multimediatique.fr/

    Screenshot:

    Regards,
    Ismael

    November 10, 2015 at 9:48 am #533110
    NMOI

    Hi Ismael,

    You’re right, it’s working. I don’t get why it didn’t work when I disabled it myself. Sorry for that.

    Anyway, now we now the CSS code is right, and that the problem comes from WP Rocket CSS minification. I’m going to try to solve this with them.

    Thanks for your help.

    November 10, 2015 at 10:14 am #533117
    NMOI

    Hi Ismael,

    There is an exclusion list, which seems to be the proper way to manage this. Could you please tell me the involved CSS file name?

    Thanks

    November 11, 2015 at 11:12 am #533922
    NMOI

    Hi Ismael,

    Don’t bother. I think I’ve found it: custom.css. I’ve put its URL in the excluding field, and it seems to be working OK.

    Thanks

  • Author
    Posts
Viewing 21 posts - 1 through 21 (of 21 total)
  • The topic ‘Remove sidebar on ipad’ is closed to new replies.