• Resolved jgcramer

    (@jgcramer)


    Hello,

    Is there a way to make the left column bigger and the product page smaller? My dropdown menu is a little bit to big now.

Viewing 5 replies - 1 through 5 (of 5 total)
  • Hi Cramer,

    The widths of the left (sidebar) and right (product area) sections are controlled with percentages.

    Here’s some CSS that you can use in the Custom CSS box on the edit Catalogue page:

    .prod-cat-sidebar {
        width: 30%;}
    
    .prod-cat-inner {
        width: 70%;}

    NOTE: If you change these percentages, take note that the combined amount needs to equal 100% (e.g. 30%+70%=100% … 40%+60%=100%… and so on).

    Thread Starter jgcramer

    (@jgcramer)

    That fixed my problem! Thank you

    Thread Starter jgcramer

    (@jgcramer)

    Found another problem when doing this, and that is on the mobile device:

    https://goo.gl/photos/GVxo6fjcZnfqmNit6

    Any fix for this also?

    Hi cramer,

    That looks like your theme is setting the width of select boxes to auto. You can try the following custom CSS to make select boxes within the product catalog sidebar 100%:

    .prod-cat-sidebar select {
    width: 100%;
    }
    
    Thread Starter jgcramer

    (@jgcramer)

    That did fix the problem but not where i looking for, see link:

    https://goo.gl/photos/uFyo8iSHQb2162WSA

    without the css above (3x) the dropdown menu will be on top, is that also possible?

Viewing 5 replies - 1 through 5 (of 5 total)
  • The topic ‘dropdown, left collumn to big’ is closed to new replies.