Tagged: , ,

Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • April 10, 2017 at 6:11 pm #775579
    willevo311

    Hi Support,

    Trying to find a solution for an issue I am having. Both of the buttons are cropped in the main slider area when I view my site (which is based off of the enfold church demo). I have tried applying this css (below) as per another support thread but it stretches the image as well and makes the image look bad. I just bought theme so I have newest version of everything.

    @media only screen and (max-width: 767px) {
    .avia-slide-wrap img {
    height: 260px;
    }}

    Here is the cutoff of image in the church demo: http://www.screencast.com/t/ATmarI3ydal
    Here is the cutoff of image in my current theme: http://www.screencast.com/t/t4qbotxpG
    This is what it looks like when I apply css as per support post: http://www.screencast.com/t/hVnf3LiWf

    Any suggestions for increasing the container size but maintaining a good image ratio so the image doesn’t stretch for mobile?

    Thanks for any help you can provide.. I appreciate it!
    Thanks,
    William

    April 10, 2017 at 8:56 pm #775635
    Basilis

    Hi willevo311!

    Can you please provide us a link of your web site, so we can be able to check.
    We can not help a lot with the screenshot if we can not target the CSS to be able to manage it

    Cheers!
    Basilis

    April 10, 2017 at 9:03 pm #775643
    willevo311

    Hi Basilis,

    Thanks for taking a look. I removed the modified css (that I mentioned above) so that you could see the original issue with the button cropping. Only change I made was switch out the church demo slider image with one of my own.

    Attaching site link in Private content.

    Thanks,
    William

    April 10, 2017 at 10:51 pm #775697
    Basilis

    Hey!

    I loaded your page and I can see it properly and nothing at all the same as the screenshots.
    Can you please clear your cache or let us know the screensize you are using?

    Thank yu

    Regards,
    Basilis

    April 11, 2017 at 1:15 am #775745
    willevo311

    Works fine in desktop, it is mobile that I am having issues. Tested with iphone 6 specifically.

    and yes cleared cache and tried everything. I get the same type of issue on the enfold church demo site as well. (don’t know if that helps troubleshoot)

    Thanks,
    William

    • This reply was modified 7 years, 7 months ago by willevo311.
    April 11, 2017 at 12:03 pm #775964
    Victoria

    Hi William,

    Even if we help you to fix the height of the slider, it still does not look that good. You might want to consider an alternative solution. Image remains there, and stays that small size, the title, subtitle and buttons move below, no animation, small image, much cleaner and much faster layout. Hide the slider on mobile and show such a prebuilt section. Let us know what you think.

    If you need further assistance please let us know.
    Best regards,
    Victoria

    April 11, 2017 at 1:34 pm #775997
    willevo311

    Hi Victoria,

    How do I accomplish that? Is there a setting that affects just mobile inside enfold? Would you mind walking me through it?
    I was initially thinking of playing with the css to adjust the verbiage and buttons but I am open to your idea if you don’t mind showing me how to do it. Thanks for your time.

    Thanks,
    William

    April 11, 2017 at 3:15 pm #776097
    Victoria

    Hi willevo311,

    Was going to look at your site, but it’s loading forever and looks like going to be a response timeout. Are you having issues?
    Anyway, here you can set a screen width, below which the Layer Slider will hide and then, show the section that you make on the page and which is going to be hidden, until the Layer Slider hides.

    Feel free to ask any more questions.
    Best regards,
    Victoria

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