Help Needed with Mobile Responsiveness of Header Banner Message

Hi,

The message I added through your theme, under Header Banner -> Banner content ->

<p style="text-align: center">This site is a test and is under development. Any actions taken here will not be reflected in reality.

is not responsive on the mobile version and breaks. Could you help me fix it? See attached photo.

Best regards,
Nikola

Image here.

Attachments:

You must be logged in to view attached files.

Hi ivoltbg,

Thanks for reaching to us.

1. Navigate to Theme Settings > Typography > Advanced. In this area, you can assign elements to below Custom Class:

.header-banner p

Please refer to our documentation https://xtemos.com/docs-topic/advanced-typography-settings/

2. Reduce padding value of an existing code:

@media (max-width: 768.98px) {
    .header-banner-container {
        padding-inline: 40px;
    }
}

Regards,
Hung PD

[Author]

Posts