Viewing 10 posts - 1 through 10 (of 10 total)
  • Author
    Posts
  • October 6, 2016 at 4:55 pm #696110
    connect4consulting

    Hi,

    Love the theme but I’m using a grid and it looks great on PCs but not so great on mobile portrait view. Check out the home page – scroll down – on mobile portrait view and you will see the problem. The margin is way too narrow and the content is not displaying correctly. Please help.

    Thanks,
    Gabe

    October 8, 2016 at 5:52 am #696801
    Ismael

    Hey connect4consulting!

    Thank you for using Enfold.

    The color sections and grid rows starting from “about-meliker-realty” are outside the wrap_all container which breaks the responsive layout of the page. Please make sure that all elements or set of elements are inside their own color sections.

    Cheers!
    Ismael

    October 8, 2016 at 3:31 pm #696897
    connect4consulting

    Ismael,
    How do I get them inside the wrap_all container?
    Thanks,
    Gabe

    October 8, 2016 at 3:35 pm #696898
    connect4consulting

    login credentials in the private content

    October 9, 2016 at 10:28 am #697037
    Basilis

    Hey!

    You have to drag n drop everything around, so they can be on the same Color Section, based on how you want to use them.
    If you move the elements around, you will do find what is not correct and how it can be fixed.

    Let us know if we can do anything else for you.

    Best regards,
    Basilis

    October 9, 2016 at 2:44 pm #697058
    connect4consulting

    How do I drag the flex column – grid inside a color section?

    October 9, 2016 at 4:16 pm #697070
    connect4consulting

    The problem I’m having is with the testimonials when viewed in mobile portrait view. The margin is way too wide.

    October 11, 2016 at 3:34 am #697598
    Ismael

    Hi,

    We added the following code in the Quick CSS field:

    @media only screen and (max-width: 989px) {
.responsive #top .container .av-content-small, .responsive #top #wrap_all .flex_column, .responsive #top #wrap_all .av-flex-cells .no_margin {
    margin: 0;
    margin-bottom: 20px;
    width: 100%;
}

.responsive #top #wrap_all .av-flex-cells .no_margin {
    display: block;
    margin: 0;
    height: auto !important;
    overflow: hidden;
    padding-left: 8% !important;
    padding-right: 8% !important;
}
}

    This will force the cells to go on top of each other when the screen size is lower than 1024px or when viewing on tablet and phone screens.

    Best regards,
    Ismael

    October 11, 2016 at 3:13 pm #697905
    connect4consulting

    Ismael,

    Thanks but this still doesn’t fix the testimonials section on a mobile device. Can you take a look at the home page and then scroll down to the testimonials? You’ll see that there is no adjustment for screen size so there’s only one word per line and tons of margin space. How do I fix that?

    Thanks,
    Gabe

    October 13, 2016 at 7:55 am #698593
    Ismael

    Hi!

    Decrease the font size of the testimonial content.

    @media only screen and (max-width: 767px) {
    .avia-testimonial-content p {
        font-size: 12px;
        line-height: 1.5em;
    }
}

    Best regards,
    Ismael

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