Template Doctor - Forum | JoomShaper
Solved Templates

Template Doctor

Asked by Giuseppe 6 months ago Last activity 6 months ago

Good morning, in the Doctor template, how can I make the slide image appear on the Home page on smartphones?
The site is still in production and is hosted on a temporary domain, which is:
https://osteopata.giuseppecento.eu/
The Joomla version is 5.4.3
The template version is: Doctor version 3.0.1
The SP PageBuilder version is 6.3.0

Accepted answer

Marked as the solution
Rashida Rahman Staff
6 months ago

Hi there!

Thanks for reaching out.

Please use the following code in your custom CSS:

@media screen and (min-width: 320px) and (max-width: 767px) {
    .sppb-section.doctor-static-hero-section {
        background-position: 70% center !important;
        background-size: auto auto !important;
    }
}

You can play with the position and size value in the above code to fit the image as per your need though.

Here is all about custom code placement in the Helix3 framework:
https://www.joomshaper.com/documentation/helix-framework/helix3/custom-css-header-code

Best regards,

5 more replies

Oldest first Newest first Most helpful
Rashida Rahman Staff
6 months ago

Hi, Did you check?

Giuseppe Asked this
6 months ago

Yes, I followed your advice and it worked fine. Thanks for your help.

Rashida Rahman Staff
6 months ago

Hello,

Thanks for the feedback and you are always welcome:)

You may accept the most useful answer in order to close the post.

Have a nice day!

Rashida Rahman Staff
6 months ago

You may accept the most useful answer in order to close the post.

Rashida Rahman Staff
6 months ago

Hello,

Hope you are doing well.

There is an Accept button below each reply. You can accept an answer there to officially close the post.

Thanks!

Log in to reply.