Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • #718071

    Hi,
    When looking at my home page on a mobile device, the images have disappeared from each section, even though they are set to remain. Can you please advise?
    Thank you,
    Justine

    #718959

    Hey Justine!

    Can you please point out the images that do not show up? I checked your website on my smartphone and image showed up fine on my end

    Best regards,
    Yigit

    #718978

    Hi Yigit,
    Here are the problems I am seeing on mobile:
    1. The secondary menu at top disappears, but the lines remain.
    2. The image that goes with the Find Your Hot Tub isn’t showing up.
    3. The image with Find Your Big Green Egg isn’t showing up.
    4. The image with Would You Like to Talk isn’t showing up.
    5. On mobile and desktop, the blog post thumbnails aren’t showing up in the footer.

    Thank you!
    Justine

    #720289

    Hi,

    1.) The font color is set to white which is the same as the background. Please use this css code to change the color.

    @media only screen and (max-width: 767px) {
    .responsive #header .sub_menu, .responsive #header_meta .sub_menu>ul {
    float: none;
    width: 100%;
    text-align: center;
    margin: 0 auto;
    position: static;
    color: #000000;
    }

    #top .av_header_transparency .phone-info h2 {
    color: #000000;
    }
    }

    2-4.) Edit the grid row element and then set a minimum height to it. Or add this in the Quick CSS field.

    @media only screen and (max-width: 767px) {
    .responsive #top #wrap_all .av-flex-cells .no_margin.av-zero-padding {
        min-height: 400px;
    }
    }

    5.) I’m sorry but I don’t see any blog posts in the footer. Did you remove it?

    Best regards,
    Ismael

    #720722

    Thank you, Ismael,
    1. The blog posts are listed under outdoor living in the footer, and I’d like a thumbnail to show with them.
    2. That worked to get those images to show up on mobile, but it looks terrible. I am assuming since the first block is image left, text right followed by text left, image right and so on, that is why it looks bad. Is there a way to leave the desktop looking that way, but get the mobile to show up with the images on top followed by the corresponding text?
    Thanks!

    #722301

    Hi,

    1.) Please replace it with the theme’s Latest News widget.

    2.) This is possible but you have to duplicate the grid row element, re-arrange the cells so that it shows correctly on mobile then toggle their display property with css media queries.

    // http://kriesi.at/documentation/enfold/hide-menu-itemselements-on-mobile/

    Best regards,
    Ismael

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