Tagged: , ,

Viewing 7 posts - 1 through 7 (of 7 total)
  • Author
    Posts
  • September 26, 2016 at 4:50 pm #691792
    isasmar

    Hi all

    I’ve recently have bougth this theme and built a website with it. All theme is so cool, i love it, but i have an issue. When i see my client’s web (www.psicologapilarhernandez.com) on the mobile the text of the index pictures in the main carrousel doesn´t appear. The text is cut.
    Should i fix it somehow that i dont know? Could you please help on this?

    Thanks a lot

    September 26, 2016 at 7:12 pm #691886
    Basilis

    Hey isasmar!

    Can you please provide us some more informations?
    What mobile OS are you using and what browser?

    Thanks a lot

    Cheers!
    Basilis

    September 26, 2016 at 11:50 pm #692011
    isasmar

    Hi Basilis!

    I’ve tried with both ios and chrome. I think text is bigger than the space of the pictures. You might can check with your mobile. Let me know what kind of info you need from me?

    Thanks a lot

    September 28, 2016 at 3:34 pm #692748
    Yigit

    Hi,

    Please try adding this code to the Quick CSS section under Enfold > General Styling or to your child themes style.css file:

    @media only screen and (max-width: 767px) {
.caption_bottom .slideshow_caption .slideshow_inner_caption {
    padding: 0;
}
#top .avia-slideshow-button { 
margin-top: 0; 
}
}

    Best regards,
    Yigit

    September 28, 2016 at 11:15 pm #692910
    isasmar

    Hi Yigit

    Thanks for your response,
    I,ve tried that and i see the text better, but i still miss the title! Maybe for iphone is too much text? Dont know. Could you please help more?

    Thanks again
    Regards

    September 29, 2016 at 7:12 am #692957
    isasmar

    I dont lnow, but i think, as an idea, that pictures could be a little wider. So the text could fit in? 😀

    October 1, 2016 at 5:44 am #694142
    Ismael

    Hi,

    You can increase the size of the slider on mobile view.

    @media only screen and (max-width: 767px) {
    .avia-slideshow-inner, .avia-slideshow-inner img {
        height: 300px !important;
    }

    .avia-slideshow-inner img {
        min-width: 1000px !important;
        margin-left: -400px !important;
    }
}

    Adjust the values as needed. Note that some parts of the images will overflow outside the slider container.

    Best regards,
    Ismael

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