Home>Support>Position of the side menu (Vantage Premium)

Position of the side menu (Vantage Premium)

Notice: This thread is over two years old; the information may be outdated. Please consider creating a new thread if you require free support. If you have an active SiteOrigin Premium license, you can email our premium support desk at [email protected].

I’ve just purchased your Vantage Premium and I am so satisfied.
I works so great with WooCommerce.

But the problem is:
I’d like to have ‘Price Filter widget’ in the side menu which went just fine but
when I open my website on my mobile phone, the widget is displayed after the list of products.
In this case, the users wouldnt know that there is a price filter that they could use.

So I have been trying to change the position of the side menu to the left side of the website (assuming if the side menu is on the left, it will be displayed before the list of products).

I found your answer here that uses Custom CSS below:
/* Vantage Display Left Sidebar */

.blog #primary,
.single #primary,
.default #primary,
.page #primary {
float: right; }
.blog #secondary,
.single #secondary,
.default #secondary,
.page #secondary {
float: left; }
.home #primary,
.page-template-templatestemplate-full-notitle-php #primary {
float: none;
}

The side menu on ‘Home’ has been located to the left of the webpage after doing this.
But still in ‘Product menu’ I see it on the right of the webpage.

Do you have any solution for this?
In my opinion, in often cases, we need to provide widgets before the list of products (on mobile)

Please let me know if you could help me on this.

Sorry about my stupid eng. Cheers!

This is our free support forum. Replies can take several days. If you need fast email support, please purchase a SiteOrigin Premium license.

  1. 10 years, 11 months ago Andrew Misplon
    Hi, I Work Here

    Hi Matthew

    Thanks for running Vantage – your English is spot on. Try the below under Appearance >Custom CSS (un-tested):

    .blog #primary,
    .single #primary,
    .default #primary,
    .page #primary,
    .woocommerce #primary {
    float: right; }
    .blog #secondary,
    .single #secondary,
    .default #secondary,
    .page #secondary,
    .woocommerce #secondary {
    float: left; }
    .home #primary,
    .page-template-templatestemplate-full-notitle-php #primary {
    float: none;
    }

    Let me know how it goes.

  2. 10 years, 11 months ago Matthew Arts

    Thank you for your quick reply.
    I just did copy and paste your new custom CSS but unfortunately, it’s the same.
    The side menu on ‘Home’ has been located to the left of the webpage but still in ‘Product menu’ I see it on the right of the webpage :(

  3. 10 years, 11 months ago Andrew Misplon
    Hi, I Work Here

    If the site is live please send through a link and I’ll take a look.

Replies on this thread are closed. Please create a new thread if you have a question, or purchase a SiteOrigin Premium license if you need one-on-one email support.

Get The Most Out of SiteOrigin with SiteOrigin Premium

Find Out More