Hello,
How do I create a vertical separator between 2 columns on desktop that will turn into a horizontal separator when the 2 columns are stacked on top of each other in mobile view?
Thanks!
|
|
You will need to register in order to post topics and read replies in the ThemeBurn.com support forums!
|
|
Hi,
Thank you very much for this. I was hoping for some settings in the theme, but this is fine. Where do I place the code to have it work where I need it?
Many thanks!
Megan
|
|
Hi,
The above code can be used in a text block or information page contents.
Also, there is the same built-in feature in Page Builder for each row. You just need to select one of the following layouts:
- Full width (separate columns)
- Fixed (separate columns)
BR,
ThemeBurn team
|
|
Hi, sorry I’m very confused by your last message. I have already selected the layout for full width (separate columns). How do I put a vertical separator between those columns that will go horizontal between the modules when they are stacked on top of each other in mobile view?
Thanks!
|
|
Hi,
Are you talking about the row that contains latest articles and the newsletter subscription form? If yes then:
1) Remove border from Latest articles block
2) Edit the container row and in Layout tab select:
- Layout: Full width (separate columns) or Fixed (separate columns)
3) You can set border color either globally from default colors panel or individually from row settings.
BR,
ThemeBurn team
|
|
Glad we could help
BR,
ThemeBurn team
|
|