Home Forums Basel – Premium Template SHOP PAGE LEFT COLUMN

This topic contains 5 replies, has 2 voices, and was last updated by Elise Noromit Elise Noromit 1 week, 1 day ago.

Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • #224947

    MattiaGas
    Customer

    Hello,

    Is possible to add a CSS and make left column (the one with model name) on shop page a bit narrow?

    Thanks, Mattia

    Private Content Hidden
    #224957

    Hello,

    You can configure the small size of the sidebar in the Theme Settings > Shop > Shop page layout. Set the small and then check, if you need even smaller, let me know I will provide custom CSS.

    Best Regards

    #224958

    MattiaGas
    Customer

    Hello, yes.

    I would like it smaller.

    Thanks, Mattia

    #225007

    Hello,

    Please add this code to the Theme Settings > Custom CSS > Desktop:

    @media (min-width: 768px){
    body .sidebar-container.col-sm-2 {
        width: 13%;
    }
    body .shop-content-area.col-sm-10 {
        width: 86%;
    }
    }

    Best Regards

    #225112

    MattiaGas
    Customer

    Hello,

    it seems not working properly.

    Column width remains the same, just the text moves inside the column, but space remains the same.

    I attached before and after adding custom CSS. Thanks, Mattia

    #225290

    Hello,

    Please replace the code with this one:

    @media (min-width: 768px){
    body .sidebar-container.col-sm-2 {
        width: 10%;
    	  right:90%;
    }
    body .shop-content-area.col-sm-10 {
        width: 90%;
    	  left: 10%;
    }
    }

    Best Regards

Viewing 6 posts - 1 through 6 (of 6 total)

You must be logged in to reply to this topic.