Viewing 7 posts - 1 through 7 (of 7 total)
  • Author
    Posts
  • #210035

    Hi there,
    I should start this thread by saying that the theme has been altered to show the portfolio descriptions down the left side instead of the right (which may well be the cause of this issue)

    If you compare this page http://www.eyes-on-scotland.com/eos-guides/john-harbour/
    on a pc vs a mobile device you will see that the text describing the person is visible on pc (My full name is John Robert Mackay Harbour and I’m wearing the Mackay tartan….. etc) but completely missing on a mobile device – although there seems to be a big gap.

    Can someone help me with this one please?

    Many thanks in advance

    #210290

    Hey henryscat666!

    Instead of making the post-entry class the grid unit, you have the grid inside of it. So when it adjusts for mobile the whole large right column just gets shoved to the side.

    It should go grid four and then the grid eight divs one after another.

    Regards,
    Devin

    #210409

    Hi Devin and many thanks for the prompt reply,
    On altering this code I can get it to work on the mobile, but on a normal browser the slideshow and text appears under the list down the side, ruining the page.
    I can only seem to get one or the other to work, but not both.

    Is there any other help you can provide? Sorry, I know I’m being a pest…

    • This reply was modified 11 months, 1 week ago by  henryscat666.
    #210532

    Hey!

    Please add this on your custom.css or Quick CSS:

    @media only screen and (max-width: 767px) and (min-width: 480px) {
    .single-portfolio-entry .post-entry {
    clear: both;
    }
    }

    This should push the eight units container below when viewing on mobile device.

    Regards,
    Ismael

    #210678

    Hi Ismael, thanks for the reply but unfortunately this hasn’t helped.
    Do you want me to send over any files or something?

    #211239

    Hi!

    Please try adding following code to Quick CSS as well

    @media only screen and (max-width: 480px) {
    .single-portfolio-entry .post-entry { overflow: visible; }}

    Then flush browser cache and refresh your page a few times

    Best regards,
    Yigit

    #211407

    I LOVE YOU!!!! Cheers buddy!

Viewing 7 posts - 1 through 7 (of 7 total)

The topic ‘Portfolio blurb not showing on mobile device’ is closed to new replies.