Q: Bild gallery transition on mobile, and FILL

Mauer Themes Support Bild Q: Bild gallery transition on mobile, and FILL

This topic contains 4 replies, has 2 voices, and was last updated by  Paul 7 months, 3 weeks ago.

Viewing 5 posts - 1 through 5 (of 5 total)
  • Author
    Posts
  • #1868

    stovila
    Participant

    Paul! Great theme, love it.
    I posted this on Themeforest discussion, but might as well in this forum for support.
    I checked previous posts, seems like you answered some of my questions, though mostly is CSS -tweak, which I wish you will make it available via Theme Option to make it easier…

    1. Seems like the minimum value for the side border is 46. Can it go lower? (say 15) as well as for the footer. Just to optimize the space since the mobile device is already small.

    2. On Mobile, the gallery became “slide” instead of “fade in / out” – can we change the transition into fade throughout all the galleries?

    3. By using the “fill” mode on the gallery, on a landscape photo, is there a way to determine the area that will be cropped when it becomes a portrait? I try to modify the thumbnail but didn’t work.

    4. If number 3 is not possible, is there a way to view a different gallery when it viewed from a different device? Say if it’s a computer, show page/gallery A, if it’s mobile, show page/gallery B.

    5. for this forum, it would be nice if there’s a “search function” for each sub-forum, and make the search result as a “list-view” instead of summary. When I search from the front page, all resulsts shows up from 4 different themes, and including the full post of the results.

    Thank you!

    • This topic was modified 8 months ago by  stovila.
    #1887

    stovila
    Participant

    Paul, or other support, no one will reply to this question?

    If I was asking too much, at least help me with this one:

    How to make the transition of the gallery on mobile version as Fade instead of scroll?

    Thank you. I notice it’s using royalslider, but if I install royalslider myself, it breaks the layout.

    #1900

    Paul
    Keymaster

    Hello Stovila,

    Please excuse me for the late reply. I’ve had a hell of a week last week. I’m back now. I’m sorry for having kept you waiting.

    As for your questions:

    1. You can remove this 46px limit. Generally, it was set for aesthetic reasons. To change it:

    Backup. Go to your Admin Panel > ‘Appearance’ > ‘Editor’. Select includes/acf-fields.php on the right (see screenshot below). Place cursor into the code editor area and press Cmd + F (mac) or Ctrl + F (win). Paste 'min' => 46 into the search field and press Enter. You’ll see two lines highlighted (see it in the screenshot). Change 46 in them to a value of your choice and save (‘Update file’ button).


    2. You can make the animations always be ‘fade’. I actually changed the animation on mobile because I found it more natural to see pictures moving sideways when swiping them. To change this:

    Backup. Go to your Admin Panel > ‘Appearance’ > ‘Editor’. Select js/general.js on the right (see screenshot). Find if (isTouchDevice()) {trType = 'move';}. And comment out that line by placing two slashes in front of it (see it in the screenshot). Save the file.


    3. This is actually a very non-trivial task because of the spread of screen size ratios and dimensions. This theme does not provide such functionality. And I’ve never seen a theme that does.

    4. This would require a fair amount of custom development (not included into support according to ThemeForest rules).

    5. I completely agree with you on that. I’ll try to dedicate some time to improving this experience.

    Again, please excuse me for the late reply.

    Regards,
    Paul

    #1903

    stovila
    Participant

    Not a problem, appreciate your answer. I got it, though the sidebar space is not affecting the mobile version, unfortunately.

    I also wonder if there’s a tweak for the header image on a single blog post.
    It is full-width widescreen, I wonder if I can have it in normal size and ratio?

    #1919

    Paul
    Keymaster

    Hello Stovila,

    As for the side panes on mobile, you can make them smaller with the following CSS code. This will make each of them 10px narrower.

    @media (max-width: 767px) {.mauer-framer, .top-stripe {margin: 0!important;}}

    You can add the above code with the Simple Custom CSS plugin. Once you install and activate it, in your Admin Panel please go to ‘Appearance’ > ‘Custom CSS’.
    Insert the code you see above and save.

    The cover images on single blog posts, as well as the cover images on single page posts and single project posts, follow the following rule: if window width is below 850px, the height/width ratio is 0.618, otherwise the height/width ratio is 0.433.

    This is designed this way not to have cover pictures appear giant (and long to scroll), especially on large screens. You can tell me what ratios you would prefer .618 and .433 changed to, and I’ll show you how to do that.

    Regards,
    Paul

    • This reply was modified 7 months, 3 weeks ago by  Paul.
    • This reply was modified 7 months, 3 weeks ago by  Paul.
Viewing 5 posts - 1 through 5 (of 5 total)

You must be logged in to reply to this topic.