Viewing 10 posts - 1 through 10 (of 10 total)
  • Author
    Posts
  • July 27, 2014 at 4:29 am #296346
    jenki

    Hi,

    I came across a small problem. The site adapts perfectly to ipad but on the iphone version the video background which is replaced by an image and works fine on the ipad is too short on the iphone and cuts off half the text and button.

    Here is the link:

    http://puoianchetu.mokabox.com
    Link to test: see homepage first section at the top in both iphone and pc browser to see difference.

    Thanks for any clues.

    • This topic was modified 10 years, 3 months ago by jenki.
    July 28, 2014 at 5:25 pm #296898
    Yigit

    Hey jenki!

    Please add following code to Quick CSS in Enfold theme options under General Styling tab

    @media only screen and (max-width: 479px) {
.responsive #top .slideshow_caption h2 {
font-size: 13px;
margin-top: 15px;
}
.avia-builder-el-0.av-minimum-height-100 .container, .avia-builder-el-0.avia-fullscreen-slider .avia-slideshow {
height: 325px;
}}

    Cheers!
    Yigit

    July 29, 2014 at 5:49 am #297165
    jenki

    Yigit, sorry to be a pain in the a$s, but last night I ended up redesigning the frontpage section that wasn’t working and I got rid of the slider and just used textblocks inside a color section with video background.

    However, same problem: the two text blocks don’t resize and the button last doesn’t resize. Can you please take a look? (PS I promise not to change design because obviously same problem :)

    Tnx

    July 29, 2014 at 9:02 am #297184
    VVV

    Hi the strange thing i found on our site is when someone looks on our contact page and clicks the photos they are fine and if you click it on your iPhone the photos are upsidedown. how to fix it? our site is vlc-claims comthanks

    July 29, 2014 at 12:04 pm #297256
    Yigit

    Hey!

    Please use following code instead 

    @media only screen and (max-width: 480px) {
.corso_tit p {
font-size: 25px!important;
width: 80%;
margin-left: 20px;
}
.corso_cap p {
margin-left: -5px;
font-size: 20px;
width: 325px;
}}


    @vlcservices     please start a new topic here – https://kriesi.at/support/forum/enfold/#new-topic-0

    Cheers!
    Yigit

    July 29, 2014 at 12:22 pm #297262
    VVV

    Servus Yigit, where to put this? where do I find the “code”

    July 29, 2014 at 12:34 pm #297263
    Yigit

    Hey!


    @vlcservices     the code i posted was for @jenki. Please create a new topic and we will gladly try to help you :)

    Best regards,
    Yigit

    July 29, 2014 at 4:58 pm #297349
    jenki

    VVV: this code is specific for my page it won’t work in yours. It uses classes for belong to elements I added to my own blocks.

    July 29, 2014 at 10:48 pm #297441
    jenki

    Added a few extra !important but works perfectly. Thanks. Actually, I can use it to solve some other small details for iphone too now.

    July 30, 2014 at 2:10 am #297479
    Yigit

    Hey!

    Great! Let us know if you have any other questions or issues :)

    Cheers!
    Yigit

  • Author
    Posts
Viewing 10 posts - 1 through 10 (of 10 total)
  • The topic ‘iPhone resolution slider cuts off text and buttons’ is closed to new replies.