- This topic has 6 replies, 2 voices, and was last updated 3 years, 1 month ago by
.
Hello,
as requested here is another ticket for a request we have:
Could you take a look at https://joonhp.templ8.nl/home-alt/ and give some advice how to create this double image section as seen in the demo https://jevelin.shufflehound.com/minimal-furniture-shop/ ?Unfortunately i deleted the dual section from the furniture demo and struggle to re-create it while being also looking good on mobile display. The version I recreated does not look good on mobile unfortunately. It does not resize responsively.
Trying to center the content in the left half and have a padding or margin left/right does result in the text being pushed out to the right on mobile.
Could you give us some info on what settings and elements we have to use to maintain scalability/responsiveness?
Thank you.
Hi @neunneun,
I hope you are well today and thank you for your question.
It seems you are referring to the image section as shown in the attached screenshot.
You can create it using the Image Comparison element of the Wpbakery page builder as shown in the second attached screenshot.
Best regards,
Shufflehound teamHi,
thanks but that is not what i asked.
I was trying to recreate the whole double image section with 2 elements in 1 row, the text box on the left and the image on the right.
Please see attached Screenshot, red area.I need the settings how to get the padding of the bixes and to the left and right side, without messing up the mobile view.
I want to recreate it exactly like in the demo, please.
Alternatively, is it possible to import demo content, like the minimal shop home page only into an existing website?
I didnt find any option to do this.Thanks in advance.
I was trying to recreate the whole double image section with 2 elements in 1 row, the text box on the left and the image on the right.
Please see attached Screenshot, red area.I need the settings how to get the padding of the bixes and to the left and right side, without messing up the mobile view.
You can adjust the padding and mobile view as described on the below pages.
https://wpbakery.com/video-academy/use-element-design-options-wpbakery-page-builder-wordpress/
https://wpbakery.com/video-academy/control-responsiveness-wpbakery-page-builder-wordpress/
https://wpbakery.com/video-academy/category/responsive/
Alternatively, is it possible to import demo content, like the minimal shop home page only into an existing website?
You can import the whole demo content into your existing website.
sorry but again i think my question was misunderstood:
i was asking if i can import only certain elements, like only a single page of a demo into an existing website.
I know i can import the demo website but i dont want it to overwrite my actual settings, hence why i want to import only the specific page to inspect that element and recreate it.
i will try to setup the theme on a blank website additionally and import the demo to check it there then…
Solved – i realized there was a max. width field for the content which wasnt displayed but hid behind “…” in die sections options.
It is working now.
Glad, it is working fine for you now!
