Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • June 28, 2015 at 8:34 am #465467
    burtonimagery

    Hi

    I checked my website on iphone 4 and Samsung galaxy and both have these two issues:

    1. the secondary menu (facebook/email icon, menu and mb are taking up 3 rows when I’d hope they would use the entire row before wrapping i.e. there is room on same line for icons and menu item (about Me and Client Area) Client Area OLD will be removed once my other issue logged is sorted).

    2. the image in the layer slider is not showing the full width (RHS is chopped off) and I think the missing bit is because the image starts aligned in about 5mm (it looks like the entire website is slightly aligned in down the length of the phone). But then again, when I was setting the slider settings for Homepage BI, I wasn’t sure what max width to set for responsive *1200) but it doesn’t alter it. I just set the slider dimensions for PC to 9000 as this seems to work on PCs I’ve looked at

    iphone 4 image

    Is there something easy to fix these things?

    Thanks

    June 30, 2015 at 1:27 pm #466363
    Josue

    Hey!

    1. Try adding this code to the Quick CSS:

    @media only screen and (max-width: 767px) {
    .responsive #header .social_bookmarks, .responsive #header .sub_menu, .responsive #header .phone-info{
        display: inline-block;
        width: auto;
        float: none;
    }

    .responsive #header .sub_menu, .responsive #header .phone-info{
        top: -11px;
        position: relative;
    }
    #header_meta .container {
        height: 33px;
    }
}

    2. In the LS editor window (Layer > Styles), try setting this to 0 – http://screencast.com/t/0icTx6vZYGE

    Cheers! 
    Josue

    July 1, 2015 at 10:04 am #466871
    burtonimagery

    Hi Josue

    #1 resolved: mobile menu all on one line thanks to your quick css and shorter menu headings on my part :)

    #2 outstanding. I tried the CSS and it is much better on mobile and looks centred. It still cuts off around 3 mm but that’s fine – you can see the difference in the image attached, I changed to LS style to 0 (I changed the first 3 slides to 0). I would be happy with this a solution EXCEPT now my website looks off-centre. see attached. I’m open to suggestion if you can’t provide a quick CSS to isolate the above fix to just mobile devices….

    I originally set the style ‘left’ to 58pt because this centred the image on my PC. The images I have used were exported from Lightroom resized to long edge 1024 pixels. I found this looks a good size for my portfolios but as you can see in the LS edit page the width is shorter than the LS box. I don’t mind if I have to change the width of the LS box, so long as I maintain ration (no squished faces), and you can still see some of the featured image box without scrolling (so users know there is more to see on the homepage).

    home page and mobile home page both with edits

    Thanks!
    Rebecca

    July 2, 2015 at 2:19 am #467312
    Josue

    Hi Rebecca!

    Try setting the width of the layers to be 100% so they fill the whole container – http://screencast.com/t/TpkeVc4LeMA3, if you don’t like this solution you could change the overall width of the slider to the natural width of the images – http://screencast.com/t/mps4pdPOL

    Cheers!
    Josue

    July 5, 2015 at 12:32 pm #468543
    burtonimagery

    thank you wonderful all fixed.
    Some images worked ok making 100% width, others I changed the resize on export from 1024 to 1150 pixels and this automatically was the correct width. I also decided to make the height of the LS box a little higher to balance the image better.

    So both my questions now sorted, thanks again!

    July 5, 2015 at 1:54 pm #468560
    Josue

    You are welcome, glad to help :)

    Regards,
    Josue

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