Mobile version

Hello @alexad200

Thank you for reaching us !

I think I can create a Custom CSS for you to remove that section from your phone, but I would like to know exactly the area.
https://gyazo.com/1729e203f2d9176d5e2f3461317a9912 is this or https://gyazo.com/21cc8b669bc567e785eb432bfa5f86d1?
Or if there are none of the screenshots above please send us the exact section.
Thank you for understanding !

Please let me know if you have some more questions !

Have a nice day ! ??

Warmly,
Marian

https://pastenow.ru/ATPL3

Hello @alexad200 -> Yes, we have created a custom CSS that you can add in Apparance -> Customize -> Additional CSS
div.mt-doctor.mt-doctor-portrait{visibility:hidden;}

Warmly,
Marian

Hi Marian!

This Custom CSS makes the widget invisible.
I was talking about another problem
In the mobile version, the photo becomes the background of the widget
Then the information in the widget is hard to read
Did you look at the skin in the previous message?

https://pastenow.ru/ATPL3

@alexad200 -> And would you like to just hide the image without text? For example, should it be just text without an image in background?

Warmly,
Marian

Exactly!
But only in the mobile version

Hello again @alexad200

Unfortunately as you can see in this section: https://gyazo.com/0116c9ed177d6eab9c45553679c3c467 unfortunately you can’t remove this image, only if you remove the entire section, but instead we could create a custom code to delete you the whole section only on mobile (including text)

Please let me know if you have some more questions !

Warmly,
Marian

• This reply was modified 3 years, 11 months ago by visi19.

Very strange
On the demo version
https://www.demos.machothemes.com/medzone-lite/
is this implemented, but not possible on my site?
Is there a reason I don’t know about?

@alexad200 -> Are you sure you didn’t change the field in some way? Yes, it has to look normal, don’t you have some custom work?

I did some changes
I don’t think this applies to background-image
On the tablet, it is displayed without a photo, but on the smartphone there is a photo.
In this case, the code is

@media (max-width: 991px) {

    .mt-doctor.mt-doctor-portrait {
        padding-left: 28px;
        padding-left: 1.86666666em;
        background-image: none !important;
    }

Please tell me how to fix it

• This reply was modified 3 years, 11 months ago by alexad200.

@alexad200 -> I tested it now and I think this piece of code should work for you on your phone and not just on your tablet:

`@media (max-width: 768px) {

.mt-doctor.mt-doctor-portrait {
padding-left: 28px;
padding-left: 1.86666666em;
background-image: none !important;
}’

All the best,
Marian

Thank you so much for the solution