Element: Products (grid or carousel) Does Not Respect Right Margin

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

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

Author

Posts
December 11, 2022 at 10:22 am #427980

hemp-bg
Participant

Hello! I’ve really loved the Woodmart theme and purchased recently, now I’m really building my site with pleasure!
I have 2 small problems though:

1) When I insert the element Products (grid or carousel) in a column, using Elementor Page Builder, it stops respecting my right margin and stretches my whole column to the right (Most noticeable on Mobile Device – content gets out of the screen).

Any way to fix these (despite not using the Carousel – it is a really nice element)

2) I activated your beautiful floating filter button but it does not show up when I scroll the Product Archives. Any possible settings I might have missed or conflicting?

Thank you!

December 11, 2022 at 10:16 pm #428030

Elise Noromit
Member

Hello,

Thank you very much for choosing our theme and for contacting us.

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

Best Regards

December 11, 2022 at 10:36 pm #428032

hemp-bg
Participant

Thanks for the quick reaction .

December 13, 2022 at 7:25 am #428336

Elise Noromit
Member

Hello,

Please check the screen: https://gyazo.com/20ca13d885dba41d5d7c62c18fb8d5e2

The Product gid takes the space of the 50% column.

Please clarify how do you expect it should be.

Best Regards

December 13, 2022 at 9:53 am #428364

hemp-bg
Participant

Hello,
As I mentioned before – the problem is with the margins of the column, specifically the margin on the Right.
The column has 15px margin on all sides and blue background that should not go to the edges of the column (thus the margin added). Margins are respected and correctly displayed with various other elements in the column, before I add the Products (grid or carousel) Element in Carousel mode. When I add the element in Carousel mode it is like the right margin is set to 0px.

The issue is not present when Products (grid or carousel) is in List or Grid mode, only in Carousel /see screenshots/. Play with it and see what I mean.

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

December 14, 2022 at 1:43 pm #428762

Bogdan Donovan
Keymaster

Hi,

Unfortunately, the carousel library “OWL-carousel” that is used in our theme is not designed to work in such conditions, and it can’t be fixed completely via the theme. To fix your issue, we recommend you to remove column margins (https://prnt.sc/ndZtu8fPTk63) and reorganize your page structure by using Elementor native column gap options (https://prnt.sc/RJWq9kN7IXjP) to set space between columns. If you want to set the background for a column, you can add all your column content in the separated “Inner Section” (https://prnt.sc/WFwymG7u-4BZ) element and set the background to it, rather than the column.

Kind Regards

December 14, 2022 at 4:57 pm #428845

hemp-bg
Participant

Thank you for the reply and suggestions! I was thinking also for a workaround and reorganisation of content. Just wondered if its a bug that can be fixed.

Best Regards!

December 15, 2022 at 5:27 am #428955

Elise Noromit
Member

Hello,

If you have any questions please feel free to contact us.

Best Regards
Author

Posts