I am using Divi to develop a website. I am doing the header which contains a row separated in three columns. One of these columns has to have two modules next to each other: one image module (the three dots is a png file) and a social media module.
I have tried assigning a class to both and then using CSS in the Divi theme options but it didn´t work. The CSS I used is:
.header-social-image{ display:flex; }
I attach an image of the current state of the column and the wanted result.
3
Answers
Do you want something like this?
You probably need to use the
<span>
tag. By default, most HTML elements are block-level elements, meaning that they will not display on the same line.<span>
helps to resolve this by converting these elements into inline elements, which displays in a single line.Thus, you need to embed your modules in an overarching
<span>
tag to display accordingly.When you insert a column there is a Specialty option between Regular and full with, maybe one of them can help.
Look for the attached image