Hi, when I see my website in the mobile format, on the home page some titles do not fit and there are photos that are not centered as in the desktop version. The Theme in the desktop version looks better than in the mobile. How can I fix that?
I would like to see the mobile version when I am editing my website, but the preview on mobile doesn’t work.
Thanks in advance
Hey yas28,
Do you mean that the titles don’t fit on a single line like this:
you can adjust the font size for mobile at styling ▸ font size and click the icon for the phone and then set the size you wish
To see a better display of your site for mobile when you are editing, try opening your site in another tab and use the Dev Tools Responsive Design Mode
Best regards,
Mike
I don’t mean the Font Size. If you scroll down You will see that the pic of Olha Karpi is not centered. The same happens with the title “unsere Kooperationspartner”, which is also in the home. I can’t see the complete title in the mobile version. It would be better if I could send you a picture to show you, but I don’t have an option here.
Hi,
To add a screenshot please try using an Screenshot service and pasting the image URL in your post.
To center Olha Karpi on small screens
Try this CSS in your Enfold Theme Options ▸ General Styling ▸ Quick CSS field:
@media only screen and (max-width: 425px) {
#top #main .av-large-testimonial-slider .avia-testimonial-meta {
display: flex;
flex-direction: column;
align-items: center;
}
}
After applying the css, please clear your browser cache and check.
Best regards,
Mike