[Resolved] Fix map (no scrolling) on homepage

[Author]

Posts

[alexV-11]

Hello,
I would like to create a grid (two columns)
On the left side (screen high) a MAP (that will not move when you scroll)
In the right column view based on last add items.

There is an example: (see screenshot)
I'm using now the theme "Astra Pro"

[Waqar]

Hi,

Thank you for contacting us and I'd be happy to assist.

To achieve this, you can follow these steps:

1. You'll add a 'Grid' block on the page, with two columns, and in each column, you'll add a "Container" block.

2. In the container block in the right column, you'll add a "View" block to show the last/recent items.
( ref: https://toolset.com/lesson-placement/lesson-placements-1621261-1622283/ )

3. In the container block in the left column, you'll add a "Map" block and set it to show map markers from the view in the right column.
( ref: https://toolset.com/lesson-placement/lesson-placements-1622939-1620853/ )

4. Making the map's container area fixed covering the screen height will be tricky, as there is no built-in option available for that. But, you can include some custom CSS code to make this work.

I hope this helps and please let me know if you have any follow-up questions.

regards,
Waqar