Tagged: 

Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • August 24, 2016 at 10:03 am #676878
    sensiblekaren

    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

    August 26, 2016 at 4:43 pm #678212
    Yigit

    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, 3 months ago by Yigit.
    August 26, 2016 at 9:03 pm #678320
    sensiblekaren

    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’

    August 31, 2016 at 3:34 pm #680027
    Yigit

    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

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