Solved

Trying to achieve like the sample banner design

  • 11 October 2021
  • 2 replies
  • 12 views

I'm kind of a beginner. I can't figure out how to design the banner like the following elementor sample site below. Not sure if it's a pro version feature. The thing is you can only divide the table layout vertically instead of horizontally. Unless you insert images manually inside the table. Also, I can't find that exact page inside the child theme.

Refs: https://the7.io/elementor-main/home-shop-full-width/

icon

Best answer by Ashley Whitehair 11 October 2021, 12:02

View original

2 replies

Userlevel 2

Hi @styx,

 

To achieve a layout like this currently in Elementor you will likely need to use the inner-section widget.

  1. Start with a two column full width section (set to full with and no gap)
  2. Add an ‘Inner-Section’ widget to the second column to achieve the split design (again set to full-width and no gap)
  3. Duplicate the ‘Inner-Section’ widget and remove unneeded columns as needed

Hi @Ash,

Thanks a lot for the fast response. Wow. That did actually work. You solved my issue. Thanks again and highly appreciate it. 

Reply