Homepage - Hotspot - French - Extra space

[ghost]

Description: In the "Hotspot" header menu, Extra space between the heading and subheading.

Device, OS and Browser Details: All

Priority Medium

Steps To Reproduce:

• Visit the site URL.
• Observe the top header bar.
• Select the French language.
• Click on the Hopspot header menu.
• Observe the heading and subheading below the header menu.
• Observe the expected result.

Expected Result: Space between "Hotspot Kiwix" and "Qu’est-ce qu’un hotspot?" should be proper.

Actual Result: Space between "Hotspot Kiwix" and "Qu’est-ce qu’un hotspot?" is not proper.

Screenshot:

[savin8305]

To adjust the spacing between "Hotspot Kiwix" and "Qu’est-ce qu’un hotspot?", we can use the margin property in CSS. By adding a margin-top of 120px to the .et_pb_image img selector.

.et_pb_image img {
  margin-top: 120px;
   position: relative;
}

and

.et_pb_image img {
    margin-top: 120px;
    position: relative;
}

then we meet with our expected output .

[Popolechien]

Fixed.

[martin8032]

Just a remark: We have the Divi page builder in place on this website. You can adjust spacings easily through the page builder options and don't have to deal with CSS code.