Tagged: 

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

    Hello

    Very happy with how the site appears across all devices apart from when turning to view the site on an iPad in portrait view.

    The green icon boxes on the home page (similar to the ones in the Enfold travel demo theme) stay in 3 columns and the text is squashed and some of it is cut off.

    Please advise on the best way to make this more readable. Site below.

    Many thanks

    #678212

    Hey sensiblekaren,

    Please add following code to Quick CSS in Enfold theme options under General Styling tab

    @media only screen and (max-width: 990px) {
    .home .av-layout-grid-container {
        display: block;
    }
    .home .av-layout-grid-container .flex_cell {
        display: block;
        width: 100% !important;
    }}

    If you would like to apply the changes on bigger screen sizes, please increase 990px value

    Best regards,
    Yigit

    • This reply was modified 8 years, 1 month ago by Yigit.
    #678320

    Thanks that’s great. However now on the ipad when it turns portrait the top green section overlaps the section above and the two buttons that say ‘find out more’ and ‘book lessons’

    #680027

    Hi,

    Please try adding this code to the Quick CSS section under Enfold > General Styling or to your child themes style.css file:

    @media only screen and (max-width: 769px) and (min-width: 481px) {
    h2.avia-caption-title {
        font-size: 30px!important;
    }}
    

    Best regards,
    Yigit

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