Support Forum

Hi Donna,

I helped you adjust hero banner. Please add more code to make it work on mobile in Claue > Theme Option > General Layout > Custom CSS

@media only screen and (max-width: 767px) {
.vc_row.vc_custom_1599814288885 {
	padding-top: 20vh !important;
	padding-bottom: 3vh !important;
}
.vc_row.vc_custom_1599814621028 {
	background-position: center left !important;
	background-repeat: no-repeat !important;
	background-size: cover !important;
}}

Kind regards

Hi Donna,

It only way is embed banner as the single image element of page builder, don’t use as background image but you have design image with text on photoshop before upload.
https://prnt.sc/vlx86p

Kind regards

Hi Donna,

Please add new row and use banner for mobile and change setting one hide on mobile and new hide on desktop https://prnt.sc/vmi7x5

Kind regards

I help you add sample, please change background on 2nd row for mobile.

Kind regards

You have to change setting of the row for mobile and change background with lower height.

Kind regards

Hi Jacky,

Please edit the row wrap banner and change padding top and padding bottom when you change height of banner https://prnt.sc/vnm0qm

Kind regards

The mobile banner size should be 440 x 200px.
And you also have to change padding top and padding bottom for mobile.

Kind regards

Please add new row for mobile under the row for desktop and follow this screenshot to edit padding for mobile https://prnt.sc/vnm0qm

Please reply on this topic so we can track your issue. If you continue reply email we have to stop support you.

Kind regards

Hi Jacky,

1. For desktop please check in hide on mobile https://prnt.sc/vohil3

2. For mobile please check in to hide on desktop https://prnt.sc/vohkdy

Kind regards