Tagged: , ,

Viewing 11 posts - 1 through 11 (of 11 total)
  • Author
    Posts
  • November 14, 2015 at 10:19 pm #535958
    blizzdesign

    I’m working on a new layout for the home page and I’m trying to replicate how you have the images for the Enfold Shop Theme demo. I had an issue getting the color section to display 100% full width but you helped me straighten that out and everything looks good on desktop. But when I view it on mobile, there appears to be some margins around each of my images.

    Any ideas what the difference between the demo and what I have live right now?

    November 16, 2015 at 8:27 am #536360
    Rikard

    Hey blizzdesign,

    I’m not sure what pictures you want to edit on mobile, could you post a screenshot highlighting your intentions please?

    Regards,
    Rikard

    November 17, 2015 at 8:59 am #537166
    blizzdesign

    Hi Rikard,

    Thank you for the reply. I took down the image links that I had in a full width color section after figuring out another route to take. I’m now using the Pricing Table with button links and I have them placed over a nice background image.

    Sorry for the confusion, I was working hard at figuring out an alternative and when I found one I just went with it.

    November 18, 2015 at 6:04 am #537817
    Rikard

    Hi,

    No problem, not sure if you need any more help though? Please let us know if you should.

    Best regards,
    Rikard

    November 18, 2015 at 6:09 am #537820
    blizzdesign

    Could you still help me get that straightened out on mobile? Even though I don’t plan on using them now. I think they are cool features that I could see being used on internal pages. If I can figure out how to get the caption to be visible on mobile without hover would be great too.

    Thanks,

    November 20, 2015 at 1:19 pm #539499
    Andy

    Hi!

    can you be specific and precise please? don’t know about which buttons you are talking about. Use screenshot to make things clear for us. You can use imgur.com or dropbox.

    Cheers!
    Andy

    November 22, 2015 at 12:02 pm #540331
    blizzdesign

    The color section that has the images is located right after the Special Heading <h1> with an id of #booktours. The images are full width so they appear without any margins on desktop and the caption for each has the image link that looks like a button. On mobile, this section appears to have margins around the images and since the caption doesn’t appear until you hover, you can’t tell that those images are linked to specific pages.

    I’m trying to get this section to appear like your demo content for the Enfold Shop Demo <http://kriesi.at/themes/enfold-shop/&gt;

    November 23, 2015 at 1:24 am #540478
    blizzdesign

    I noticed another issue and I’m not sure if I should start another support ticket for it…

    November 26, 2015 at 3:52 am #542823
    Ismael

    Hey!

    Add this css code in order to remove the margin of the container and force the captions to display on load:

    @media only screen and (max-width: 767px) {
#booktours .container {
    max-width: 100% !important;
    width: 100%;
}

.av-overlay-on-hover .av-image-caption-overlay {
    opacity: 1;
    filter: alpha(opacity=100);
}
}

    Best regards,
    Ismael

    November 26, 2015 at 4:58 am #542843
    blizzdesign

    Thanks, the other issue I noticed is gone. Must have been something with my phone.

    Thanks again!

    November 26, 2015 at 10:54 am #542974
    Rikard

    Hi,

    Glad we could help :-)

    Cheers!
    Rikard

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