5 replies · opened Dec 26, 2020
Hi,
On the appointment page of the medical template, there is an image covering the appointment form. The location of the image was given as demos/medical/images/appointment/bg.jpg'. While this is not shown on the desktop version, it is shown in the mobile version. How can I make it not visible in the mobile version?
Hello,
Simply consider using the Bootstrap Display Utility Classes: https://getbootstrap.com/docs/4.5/utilities/display/#hiding-elements .
Hope this Helps!
Let us know if we can help you with anything else or if you find any further issues.
I don't think this is the answer to my question.
Would you please go to the link and let me know how I get rid of the background image completely?
Hello,
The Solution provided above was according to: "How can I make it not visible in the mobile version?"
If you would like to remove it completely, you can simply delete the Background Codes and replace the entire line of code with this:
[ch_pre][/ch_pre]
Hope this Helps!
Let us know if we can help you with anything else or if you find any further issues.
Here's the line:
<div class="section mb-0 parallax" style="background: url(''demos/medical/images/appointment/bg.jpg'') top center no-repeat / cover;" data-bottom-top="background-position:0px 0px;" data-top-bottom="background-position:0px 200px;">
How can I make the image visible in desktop version?
Hello,
Apologies for the misunderstanding! Consider using this Code:
[ch_pre][/ch_pre]
To hide the Background on Mobile Devices, use the following CSS Code:
[ch_pre]@media (max-width: 991.98px) {
.section-appointment {
background-image: none !important;
}
}[/ch_pre]
This should definitely work fine. Hope this Helps!
Let us know if we can help you with anything else or if you find any further issues.
Have the same question, or something new?
Sign in to the Canvas dashboard to reply or open your own topic. Canvas owners get direct help from the SemiColonWeb team.
Reply on the dashboard