Viewing 12 posts - 1 through 12 (of 12 total)
  • Author
    Posts
  • August 17, 2015 at 10:53 pm #489191
    zerodi

    Hello!

    I have two small issues with Enfold:

    1. The ajax module of the portfolio grid doesn’t utilize all the available space on mobile or very small desktop window. First it doesn’t scale the frame to full width and then it doesn’t scale the slideshow image within the frame to the full size as well. See here:

    https://dl.dropboxusercontent.com/u/51151448/Spacing%20Mobile%201.jpg
    https://dl.dropboxusercontent.com/u/51151448/Spacing%20Mobile%202.jpg

    vs. normal behavior when desktop browser size:

    https://dl.dropboxusercontent.com/u/51151448/Spacing%20Desktop.jpg

    This doesn’t make any sense in my opinion as every pixel is valuable especially on mobile views. Can you please provide a CSS to fix this?

    2. Without seeing a specific pattern or having changed anything on the site, every other time very strange scrambling to texts and buttons appear mostly in mobile view or on desktop browser when testing responsiveness and scaling the window to be very small. Any ideas what might cause this? Sometimes a refresh or flipping the phone cures the problem but sometimes it doesn’t. See here:

    https://dl.dropboxusercontent.com/u/51151448/Scrambled%20Text.jpg

    August 19, 2015 at 7:03 am #489838
    Josue

    Hi zerodi!

    1. Try with the following:

    @media only screen and (max-width: 767px) {
    .responsive #top #wrap_all .container.portfolio_preview_container {
        width: 100%;
        max-width: 100%;
    }
}

    2. I’m unable to reproduce that on my end, are you seeing it on a specific browser / device?

    Cheers!
    Josue

    August 19, 2015 at 12:58 pm #490007
    zerodi

    hi josue,

    thanks for your support.

    1. the code fixed the problem only partially. now the inner spacing is gone. the outer one is still there. if we could get this fixed that would be great. also could you please provide a way to disable the links to portfolio pages themselves. There are two of them. one is in the title excerpt bar below each item on the grid and the second one is the portfolio item title in the ajax preview. I don’t want to allow guests to navigate away from the main page via the ajax portfolio at all.

    2. I don’t exactly know what I changed but for now the problem seems to be gone. I will monitor and let you know if it comes back.

    have a good one!

    August 21, 2015 at 5:56 am #491159
    Rikard

    Hi,

    I had a look at your site and it looks fine on my end, did you manage to fix it?

    Thanks,
    Rikard

    August 21, 2015 at 6:02 am #491161
    zerodi

    hi rikard. no it’s not entirely fixed. one of the gaps is still there on mobiles as described in the first post. the provided code got rid of the inner wasted space but not the outer one. tested on iphone and nexus5.

    also I would still like to know how to disable the links as described earlier.

    thanks for your help!

    August 21, 2015 at 10:23 am #491228
    Josue

    Hey!

    Use this code to disable the links in the titles:

    .portfolio-preview-title.entry-title a {
    pointer-events: none;
}

    Regarding the outer space, i guess what you want is to make the preview “fullscreen” in mobile? that’s doable but it would require a heavy modification to the theme, unfortunately that’s beyond our support scope. You can request a customisation quote from a third-party provider here.

    Regards,
    Josue

    August 21, 2015 at 12:50 pm #491341
    zerodi

    josue, thx for the code. worked perfectly.

    for the ajax preview. I don’t want to make it fullscreen. I just want the slideshow of the preview to use all the available width. as it does on desktop sized browsers. please see the illustrations in the first post. are we talking about the same thing?

    August 21, 2015 at 8:52 pm #491599
    Josue

    Hm, are you referring to this space when the preview is opened? http://screencast.com/t/pphL1hisa

    August 21, 2015 at 9:02 pm #491603
    zerodi

    nope, I’m talking about the one between the red and the green rectangle:

    It’s just wasted space. I don’t mind a frame above the image if this is necessary for the navigation bar, but it should make use of the full width of the page.

    • This reply was modified 9 years, 2 months ago by zerodi.
    August 21, 2015 at 9:06 pm #491605
    Josue

    Ok, got it. Use this code:

    @media only screen and (max-width: 767px) {
    .responsive .ajax_slide .av_table_col.first {
        padding: 0;
    }
}
    August 21, 2015 at 9:09 pm #491608
    zerodi

    GREAT!!!
    thank you. perfect support as always.

    have a great weekend. topic closed :-)

    August 21, 2015 at 9:21 pm #491612
    Josue

    You are welcome, glad to help :)

    Regards,
    Josue

  • Author
    Posts
Viewing 12 posts - 1 through 12 (of 12 total)
  • The topic ‘Portfolio grid spacing & strange scrambled text on mobile’ is closed to new replies.