[Support request] How to make changes to layout in mobile version

[Avinash]

Hi,

I am unable to make change to the layout in them mobile version.

I want to
1. remove the top bar in the mobile version
2. i want the best seller and featured products tab to appear side by side instead of one below the other
3. i want the products in the best seller and featured tabs to appear in a single column instead of two in the mobile version.

Also I would like, how i can add a text element to the header to the left of the logo without changing the center alignment of the logo. The text widget appears only on the right and it also change the alignment of the logo.

Thanks

Avinash

[David]

Hi there,

1. You can use this CSS to remove the top bar:

@media (max-width: 768px) {
    .top-bar {
        display: none;
    }
}

2. The tabs are controlled by your pagebuilder you would need to speak with the plugin author how to do that.

3. You can change the number of columns for mobile in Customizer > Layout > Woocommerce. This should apply to the content of the tabs.

[Author]

Posts