Shop Sidebar below content on the Shop page.

  • Unknown's avatar
    michaelatejch · Member ·

    Hello,
    I added a Sidebar just for the Shop page, the function of the sidebar is to filter out different options for products. On the Mobile/Tablet view, this sidebar appears below the content. I would like to have it above. I tried the following code:

    .col-full {
    display: flex;
    flex-direction: column;
    }

    .col-full .content-area {
    order:2;
    }

    .col-full .widget-area {
    order:1;
    }

    Which seems to be working, but it also affects the position of my drop-down Main Menu, which moves little bit lower than normal. How can I prevent the moving of the Menu when using the flexbox solution? Could you look into this please?

    WP.com: Unknown
    Jetpack: Yes
    Correct account: Yes

    The blog I need help with is: (visible only to logged in users)

  • julinedossantos1 · Staff ·

    Hello,

    I have verified that your site is not hosted on WordPress.com. In this case, you use the self-hosted version, the software of which is available on WordPress.org.

    WordPress.com and WordPress.org sites are different. Check it out: https://wordpress.com/support/com-vs-org

    This forum is only focused on sites hosted on WordPress.com.

    You can contact your host directly to get help with your issue.
    https://www.bluehost.com/help

    WordPress.org community forums can be a good place to ask for help with this:
    http://wordpress.org/support/forums

    I hope this information helps.

  • The topic ‘Shop Sidebar below content on the Shop page.’ is closed to new replies.