sidebar styl

roginpresident · August 23

Please add the style of Sidebar menu for mobile devices to my website, provide the code and refer to the image I provided. Thanks

Phil · August 23

Hello,

Please see the following video tutorial:

https://support.muffingroup.com/video-tutorials/sidebar-menu-vertical-header-builder/

Best regards

roginpresident · August 26

Ok This is about the main menu navigation, but how to edit the category navigation style in the product?

I would likewise like to use the style of the following image：

Phil · August 26

For the sidebar in the shop, there is no customization option.

Best regards

roginpresident · August 26

If you don't have a customization option, please provide me with the code, thanks.

Phil · August 26

Please provide some details on how you want to customize it.

Best regards

roginpresident · August 27

This picture is like the style like, want to apply this picture in ‘sidebar in the shop’.

roginpresident · August 27

Thank you very much for the code.

Phil · August 27

Please use the following CSS code:

.mfn-off-canvas-content .wc-block-product-categories-list li{
 border-bottom: 1px solid #ddd;
}
.mfn-off-canvas-content .wc-block-product-categories-list li:first-child{
 border-top: 1px solid #ddd;
}

Best regards

roginpresident · August 27

Thank you very much for your code, it is very close to the goal

However, the benchmark style seems to have an overall outer border. Could you help me implement it? Thank you very much.

roginpresident · August 27

And referring to the picture I provided, please adjust the line spacing for me. I hope the line spacing can be wider.

Phil · August 27

Replace the first part of the CSS I have sent with the following one:

.mfn-off-canvas-content .wc-block-product-categories-list li{
 border-bottom: 1px solid #ddd;
 border-right: 1px solid #ddd;
 padding: 5px;
}

Best regards

roginpresident · August 28

Thank you Sir

sidebar styl

Comments