In the default format, after clicking on following in the phone version, it goes out of the box, how can I fix the problem?

I am looking for the following code for styling, but it is not in the template

ipsHovercard ipsHovercard_stemTop ipsHovercard_stemRight

 

ipsHovercard ipsHovercard_stemBottom ipsHovercard_stemRight

afshin20 

Спойлер

 

16 minutes ago, SlawkA said:

afshin20 

  Reveal hidden contents

 

The problem was not solved. If you pay attention to the image, the styling is done in the html format itself. What code should I add to the template or will the problem be solved?

8 минут назад, afshin20 сказал:

The problem was not solved. If you pay attention to the image, the styling is done in the html format itself. What code should I add to the template or will the problem be solved?

hovercard формируется js'ом, можно на кнопке вызывающую hovercard где data-ipshover добавить опцию ширины, например data-ipshover-width="200"

Edited 19 декабря, 20221 yr by Exception

Exception SlawkA Thanks for your tips.
I added this code, but there was no change

Can you give me the complete code?

  @media screen and (max-width: 767px)
.ipsHovercard.ipsHovercard_stemRight {
  margin-left: 0;
  width: 340px !important;
}

 

18 минут назад, afshin20 сказал:

I added this code, but there was no change

что за код и куда ты его добавил

  @media screen and (max-width: 767px)
.ipsHovercard.ipsHovercard_stemRight {
  margin-left: 0;
  width: 340px !important;
}

this code above add to custom.css and popup.css

9 минут назад, afshin20 сказал:

  @media screen and (max-width: 767px)
.ipsHovercard.ipsHovercard_stemRight {
  margin-left: 0;
  width: 340px !important;
}

this code above add to custom.css and popup.css

 

1 час назад, Exception сказал:

hovercard формируется js'ом, можно на кнопке вызывающую hovercard где data-ipshover добавить опцию ширины, например data-ipshover-width="200"