Change woodmart slider height and remove white spaces between slider and menu

This topic has 13 replies, 2 voices, and was last updated 2 years, 3 months ago by Elise Noromit.

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

Author

Posts
May 3, 2020 at 6:24 am #191861

mdhaziq92
Participant

Hi, I am trying to adjust the height of the woodmart slider but I can’t seem to find the option.

Also, I would like to remove the white spaces in between the menu header and the slider. Is there any way to do it? I have attached the photo for your reference.

Attachments:
You must be logged in to view attached files.

May 3, 2020 at 11:12 am #191914

Elise Noromit
Member

Hello,

Please have a look at the screen how to set the height: https://gyazo.com/48e819d3ae534eff7b09c8d6f242759c ”

In order to get rid of the space, enter the page and set margin-top:-40px in the upper row settings: http://prntscr.com/lexqqs

Best Regards

May 3, 2020 at 11:51 am #191934

mdhaziq92
Participant

Awesome!

Thanks guys!

May 3, 2020 at 11:53 am #191935

mdhaziq92
Participant

Oh!

I realised my row settings has no paddings. Everything is zero.

Attachments:
You must be logged in to view attached files.

May 3, 2020 at 11:55 am #191937

mdhaziq92
Participant

Hi,

Sorry! Didn’t read the instructions properly. Working well now after I inserted it. Thank you!

May 3, 2020 at 12:42 pm #191950

mdhaziq92
Participant

Hi,

Is there any way I could hide the slider on mobile view?

May 3, 2020 at 3:43 pm #191971

Elise Noromit
Member

Hello,

Do you mean the shop page sidebar? You can do that in the Theme Settings > Shop page > Sidebar and Titles, chose the device to hide the sidebar. It would be called by clicking on an icon.

Best Regards

May 3, 2020 at 3:44 pm #191972

mdhaziq92
Participant

Hi,

I mean the woodmart slider. I do not wish to have it on mobile view.

May 3, 2020 at 4:11 pm #191983

mdhaziq92
Participant

Hi,

Just to check why does my slider image not in the correct placement when view on mobile? It seems like it got cut off.

How I do make sure my slider is showing the same like the desktop?

URL: http://www.wondersmart.sg

May 4, 2020 at 9:03 am #192091

Elise Noromit
Member

Hello,

The background image is cut on mobile. It is the way it works and our theme does no influence that. You can create two cloned rows and hide the column of one row on the desktop and another column of the second row on mobile. You apply different images (you will need to select the best image size for mobile)

Best Regards

May 4, 2020 at 9:53 am #192121

mdhaziq92
Participant

Hi,

Thank you for your reply.

If that’s the case, how can I hide the slider from mobile view?

Thanks

May 4, 2020 at 10:58 am #192147

Elise Noromit
Member

Hello,

You need to create two cloned rows with different images on the column background and hide columns as per this video tutorial: https://wpbakery.com/video-academy/control-elements-different-devices-responsive-column-controls/?v=9025a1ae8c64

Best Regards

October 15, 2022 at 3:28 pm #414013

Deepak
Participant

Hello,

I want to accordion section style like that (Attached Screenshot). I have customized accordion on single product and Faq page but section thickness is high, I want same size and look accordion on my website.

Attachments:
You must be logged in to view attached files.

October 16, 2022 at 6:26 am #414111

Elise Noromit
Member

Hello,

Please insert the site admin access into the Private content below the message area. We will take a closer look at the case.

Please provide the layout title.

Best Regards
Author

Posts