Caption content on iPhone incorrect

Hey Lyse,

I see what you mean that is appears it’s centered.

In the design of the theme, the width of the div caption-container is 85% of the available screen width, to make sure that there is a nice space from edge of the screen. Inside that div, the text is currently set to align to the right. But when the length of the caption is equal to the total width of caption-container, it looks like the caption aligned to the center. This is what happened in /coaching, like you said. But it’s really aligned to the right.

To test this rule, I tried putting a line break in the middle of your caption, and we can see that the text aligned to the right. Like this:
http://imgur.com/a/vTQCD

So the code of the theme is working properly. :)

If you want, you can adjust the width of the div, just for phones, like this:

@media only screen and (max-width: 767px) {
   .avia-slideshow-1 .caption_container {
      width:95% !important;
      max-width:95% !important;
   }
}

I hope my explanation is clear. Please let me know if anything is unclear!

Best regards,
Sarah

• This reply was modified 7 years, 6 months ago by Sarah. Reason: css code modified to apply to slideshow 1 caption container only

Hi,

you could use this code for mobile (iPhone screen size):

@media only screen and (max-width: 767px) {
.slideshow_align_caption {
top: 117px;
}}

and adjust as needed.

Best regards,
Andy

Hi,

by using my code you should go fine. However, best to provide us a mockup showing the results you want to achieve, cause then we can provide you a much more precise code to achieve what you want.

Best regards,
Andy

Hi,

use this code:

@media only screen and (max-width: 767px) {
.avia-caption-content.av_inherit_color {
width: 100px;
float: right;
margin-right: 18px;
margin-top: 36px;
}}

and adjust as needed.

Best regards,
Andy

Hi,

May you clear your cache and check if this will solve?

Best regards,
John Torvik

Hi,

Please post us your login credentials (in the “private data” field), so we can take a look at your backend.

Login credentials include:

• The URL to the login screen.
• A valid username (with full administration capabilities).
• As well as a password for that username.
• permission to deactivate plugins if necessary.

Best regards,
Andy

Hi,

this is a login to a different site. Please provide login for the website in private content instead.

Best regards,
Andy

Hi,

ok, but where can we see the elements in question? This is the only thing I can see on your homepage: “Hors service temporairement durant la mise à jour du site web”

Best regards,
Andy

Hi,

To have sure, may you provide us a screenshot about this caption that you want the last change?

Best regards,
John Torvik