Viewing 17 posts - 1 through 17 (of 17 total)
  • Author
    Posts
  • #232038

    I’m having some difficulty with how the site is viewed on a mobile a device. The logo is essentially gone, images and pages cut off. Please help…here is the temporary link…
    http://rhphotos.com/testportal/gonzaga

    #232058

    Hi monjacq01!

    Please download the latest version of theme. Looks like you did a lot of modifications and it is hard to trace which files have gone haywire. Add this on Quick CSS to fix the logo on mobile view:

    @media only screen and (max-width: 767px) {
    .responsive .logo img {
    max-width: 30%;
    width: 30%;
    margin-left: 20px;
    }
    
    .bottom_nav_header.social_header #header_main .container {
    height: 50px !important;
    line-height: 50px !important;
    }
    }

    Best regards,
    Ismael

    #232465
    This reply has been marked as private.
    #232884

    Hey!

    1- It would be the best if you resize the image
    2- Have you tried adding video to Color Section element? If not, can you please try and check on mobile?

    Cheers!
    Yigit

    #232898
    This reply has been marked as private.
    #233063

    Hey!

    Please add this on Quick CSS to prevent the image from being cut off on iPhones or screens with 320px resolution:

    @media only screen and (max-width: 321px) {
    .responsive #main .container_wrap:first-child {
    border-top: none;
    max-width: 320px;
    }
    }

    Regards,
    Ismael

    #236552
    This reply has been marked as private.
    #236556
    #238449
    This reply has been marked as private.
    #238910

    Hey!

    Please post login credentials here privately. Make sure to check “Set as private reply (Only you and moderators will see the content of this post)” above Submit button

    Regards,
    Yigit

    #238997
    This reply has been marked as private.
    #239827

    Hi!

    The fullscreen images/slider will always get cut off and cropped a bit depending on the users screen size. It isn’t the same as a regular slider because it always fits *fullscreen* and not just responsive. So it crops and adjusts to fill the users screen.

    If you want the full width of the image to always show you need to use the fullwidth slider instead.

    Best regards,
    Devin

    #240283
    This reply has been marked as private.
    #240288

    Hi!

    Can you enable right click so we can provide you more accurate custom CSS code? :)

    Regards,
    Yigit

    #240291
    This reply has been marked as private.
    #240293

    Hi Monjacq01!

    Please add following code to Quick CSS

    @media only screen and (max-width: 480px) {
    .responsive #header .social_bookmarks {
    top: 85%;
    }}

    :)

    Cheers!
    Yigit

    #240300
    This reply has been marked as private.
Viewing 17 posts - 1 through 17 (of 17 total)
  • The topic ‘mobile view’ is closed to new replies.