Sidebar displaying issue on mobile view

Support
#1

Hi,

I add product filter widgets to sidebar on woo-commerce shop page. But it displays at the bottom of the page on mobile view. How i move it to the top only for a couple web pages not for all?


#2

This is an automated message to notify you that your thread was posted in the wrong forum, and it has been moved to the correct place. A member of our team will be happy to reply just as soon as your thread is up. How support works.

For support, please post all questions in the Support Forum.

For peer to peer conversations with other Themeco customers about tips, customizations, or suggestions you are welcome to use the Peer to Peer (no official support provided here).

For Design & Development, Marketing & Media, and Hosting & Optimization discussions you are welcome to use the General Forum to discuss with fellow Apex members about non Themeco related topics. Please keep this in mind in the future.

Thank-you!

#3

Hi There,

Look for woocommerce.php file from this folder: wp-content\themes\x\framework\views\integrity. Copy it on the same folder on your child theme here: wp-content\themes\x-child\framework\views\integrity. Switch the position. Look for this part:

    <div class="<?php x_main_content_class(); ?>" role="main">

      <?php woocommerce_content(); ?>

    </div>

    <?php get_sidebar(); ?>

Let’s move the sidebar on top instead:

 <?php get_sidebar(); ?>
 <div class="<?php x_main_content_class(); ?>" role="main">

      <?php woocommerce_content(); ?>

    </div>

Hope this helps.

#4

Hi,

I found the woocommerce.php file. It look likes this

<?php // ============================================================================= // WOOCOMMERCE.PHP // ----------------------------------------------------------------------------- // Handles output of individual WooCommerce pages. // // Content is output based on which Stack has been selected in the Customizer. // To view and/or edit the markup of your Stack's pages, first go to "views" // inside the "framework" subdirectory. Once inside, find your Stack's folder // and look for a file called "woocommerce.php," where you'll be able to find // the appropriate output. // ============================================================================= ?> <?php x_get_view( x_get_stack(), 'woocommerce' ); ?>

I copy your code to there but it doesn’t work.

#5

Someone there can help???

#6

Hi,

That file is not correct.

The correct file is in wp-content\themes\x\framework\views\integrity and not in wp-content\themes\x

Thanks

#7

Thanks! it works!

#8

You’re always welcome!

Cheers.