Viewing 12 posts - 1 through 12 (of 12 total)
  • Author
    Posts
  • #202191

    I am having some issues with viewing my site http://www.harperdb.com on an iphone

    1. The logo is showing up stretched out.
    https://www.dropbox.com/s/txz6a037ngyvox4/photo%201.PNG

    2. The portfolio image is fitting top to bottom and I need the entire image to fit side to side.
    https://www.dropbox.com/s/5uskqxx9jbcj5wi/photo%202.PNG

    3. I also wanted to fix or shrink the ajax control arrows over the portfolio image.

    thanks

    • This topic was modified 10 years, 11 months ago by rikeswon.
    #202361

    Hi rikeswon!

    Your logo looks fine on my end. I have checked your website on my iPhone 4 ios7. Please see screenshot here http://i.imgur.com/ZGomPyU.png
    Have you made any changes on theme files?

    Best regards,
    Yigit

    #202554

    I did. I found something that worked for the logo.

    My biggest concern are the other two issues.
    Any help would be greatly appreciated.

    #202735
    This reply has been marked as private.
    #202797

    Hi!

    Have you made changes only on logo or other files as well? It should not display portfolio items on mobile like this

    Best regards,
    Yigit

    #202942
    This reply has been marked as private.
    #203010
    This reply has been marked as private.
    #203104
    This reply has been marked as private.
    #203154

    Thanks all. I got it fixed.

    I still need help with the the ajax control arrows over the portfolio image.
    I want to move to bottom right under the image.

    https://www.dropbox.com/s/5uskqxx9jbcj5wi/photo%202.PNG

    I tried:
    div.ajax_controlls.iconfont {
    bottom: 0!important;
    right: 0!important;
    }

    any ideas?

    #203217

    Hi!

    You can adjust the portfolio ajax control using this:

    @media only screen and (max-width: 767px) {
    .ajax_controlls {
    position: absolute;
    z-index: 100;
    right: 0;
    top: 160px;
    }
    }

    Adjust the bottom position.

    Regards,
    Ismael

    #203271
    This reply has been marked as private.
    #203274

    Hi!

    You can add !important to Ismael’s code to force it as following

    @media only screen and (max-width: 767px) {
    .ajax_controlls {
    position: absolute!important;
    z-index: 100!important;
    right: 0!important;
    top: 160px!important;
    }
    }

    Regards,
    Yigit

Viewing 12 posts - 1 through 12 (of 12 total)
  • The topic ‘Enfold site on iphone issues’ is closed to new replies.