Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • #1419409

    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

    #1419418

    Hey yas28,
    Do you mean that the titles don’t fit on a single line like this:
    Enfold_Support_3344.jpeg
    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
    Enfold_Support_3346.jpeg
    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
    Enfold_Support_3348.jpeg

    Best regards,
    Mike

    #1419419

    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.

    #1419424

    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
    Enfold_Support_3352.jpeg
    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.
    Enfold_Support_3354.jpeg

    Best regards,
    Mike

Viewing 4 posts - 1 through 4 (of 4 total)
  • You must be logged in to reply to this topic.