Archived topic

How to make changes to layout in mobile version

1 reply · Started by Avinash on October 31, 2019

Viewing posts 1–2 of 2

October 31, 2019 at 7:30 pm #1050173

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

November 1, 2019 at 6:56 am #1050465

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.

This archived topic is closed to new replies.

Start building better websites today.