Support » Theme: Customizr » dynamic sidebar reordering not working

  • TallSam

    (@tallsam)


    Hi, dynamic sidebar reordering on small devices is not working for me most of the time. My left sidebar appears above the content despite having this enabled.

    I read in another post that this happens with the classic template when certain code is used. I am using google adsense ads and it is happening. Moving away from google ads or classic template are not really an option for me right now.

    What should I do? Is there not a fix for this yet?

    Thanks,
    Sam

Viewing 11 replies - 1 through 11 (of 11 total)
  • Hi Sam,
    could you please share a link of a page on your site where the issue happens?!

    Thanks.

    Best regards

    TallSam

    (@tallsam)

    Hi, thanks.
    Which browser are you using?
    It looks fine with chrome on my android phone:
    https://imgur.com/a/HxWIZag

    TallSam

    (@tallsam)

    I’ve tried both safari and chrome on my iphone, same result.

    The left sidebar is appearing before the content despite having dynamic reordering turned on. I’ve added some test to the left sidebar (“test”) so you can see what I mean even when google ads don’t show up.

    I’ve got to get that sidebar to happen after the content. I can’t imagine why anyone would want the sidebar to come before the content on mobile.

    Thanks,
    Sam

    Hi there,
    thanks for the further tests.
    In the classic style, the sidebar reordering happens through a javascript code that physically moves the left sidebar after the main content (or vice-versa) in small devices. Although the reordering is skipped when both the content and the left sidebar contain an iframe, due to the fact that we an iframe is moved that way it “breaks”.
    So that’s most likely what’s happening there, and there’s no workaround at the moment for the classic style :/

    R

    TallSam

    (@tallsam)

    Thanks Rocco, is there a way to turn off left side bar on mobile? This would be another way to solve my problem.

    Thanks,
    Sam

    Deb Shadovitz

    (@debshadovitz)

    I wonder, Rocco, what if he used the JetPack conditional widgets feature?
    Sam, maybe turn that on and see if it helps?

    TallSam

    (@tallsam)

    I’m not using Jetpack… perhaps there is a bit of php someone could put together?

    Hi Deb (@debshadovitz) 🙂
    Does the Jetpack conditional widgets feature detect the “mobiles” too? Also with server side caching detecting a mobile in PHP might not be reliable (see is_mobile).

    @tallsam
    If you’re interested in hide the left sidebar in mobiles, you can do that with CSS.
    I would recommend to inspect your pages and write some CSS rules in the custom CSS setting of the live customizer.

    Useful resources for WordPress site customization:

    How to inspect your WordPress webpages code in your browser?
    Basics of CSS and HTML for WordPress themes

    Hope this helps.

    Deb Shadovitz

    (@debshadovitz)

    I use the Jetpack conditionals heavily at IWOSC.org but on the right side and I don’t have a left sidebar. You can see it by comparing the home page with an upcoming event page with a past events page.

    Rocco, would he be in better shape to use the modern version?

    I’ve tried the modern version but it really messes with my CSS I’ve developed overtime for classic…

Viewing 11 replies - 1 through 11 (of 11 total)
  • You must be logged in to reply to this topic.