Forum Replies Created

Viewing 9 posts - 1 through 9 (of 9 total)
  • Author
    Posts
  • in reply to: Image Margins on Mobile #542843

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

    Thanks again!

    in reply to: Image Margins on Mobile #540478

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

    in reply to: Image Margins on Mobile #540331

    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;

    in reply to: Image Margins on Mobile #537820

    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,

    That is exactly what I found out. Since it wasn’t keeping it a capital letter when it would render, my CSS selector didn’t match correctly so once I corrected that, it all worked itself out.

    Might not be a bad idea to specify that in the notes next to the Section ID input field or allow the use of capital letters in future updates. Just a suggestion.

    Love the theme, thanks for the support!

    in reply to: Image Margins on Mobile #537166

    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.

    Wait a second, I found my issue. It is working now.

    Here is the issue that I noticed:
    In the Section ID input field, I had entered bookTours and when I added my CSS for the #bookTours ID, it wasn’t working.
    I thought the issue was because I left out the # in the input field so I updated it to #bookTours, still nothing working.
    Then I updated the CSS with the suggested method in your documentation and it still didn’t work.
    So then I looked at the source code and noticed that the ID for the Color Section doesn’t match what I had entered into the Section ID input field.
    I updated my CSS file to match the source code which looks like #booktours and then I checked the Color Section that I added it to and noticed that it still has #bookTours entered into the input field.

    So, what I have discovered is that even though I used a capital letter “T”, the ID that it generated did not include my capital letter. Is that a bug or are capital letters considered special characters?

    #bookTours .container { width: 100% !important; max-width: 100%; padding: 0; margin: 0; }

    forgot the # for my ID

    Thanks for getting back to me. I removed the CSS that I had tried and replaced it with:
    bookTours .container { width: 100% !important; max-width: 100%; padding: 0; margin: 0; }
    But it is still not working. I have a feeling that my style.css file is not being picked up, but, I can make other adjustments to the CSS that is in there for my mobile @media query and I can see those changes.

    Any other suggestions?

Viewing 9 posts - 1 through 9 (of 9 total)