@arminunruh this seems to do it, is there anything generally wrong with using that:
@media (min-width: 1024px) {
.elementgrid-row .element-wrap:first-of-type {
width:62%!important;
}
.elementgrid-row .element-wrap:nth-of-type(2) {
width:35%!important;
}
}
thank you!
@arminunruh Hi Armin, thank you for the hint, sounds good and basically works for what i am aiming at. there is only one more question: when i tested it, i could splitt the grid in the desktop version only into two columns of the same width - i need one textblock and one carousel, can i somehow easily make the split like 65% carousel 30% text and 5% gutter by adding css? Or did i miss some option in the elementgrid settings?
best
Mike
Hallo!
Everything works fine in my project, I have just one only layout-related issue. In the project overlays i use a 2 column layout with image/carusel on the left and text on the right column, this works fine on desktop and mobile (where everything gets stacked on top of each other). Only on very small desktops and tablets, the layout becomes a bit ugly as it remains with 2 very narrow columns and the text column is much longer than the one with the image.
Is there a simple way to avoid this by somehow switching to mobile layout at tablet breakpoint or at a self-defined breakpoint, but only for projects/project overlays and not for header, nav and pages?
A workaraound might be to work with extra rows with own classes and show/hide them via css accordingly, this works, but as far as i have seen, this would have to be done for each project manually and creates a lot of double content...
Any hints on how to do that easier very welcome!
Mike
Hallo, me, too,
Hi, generally everything fine now with the theme and add-ons, just one more question - is there an (easy) option to make the carousel stop sliding after the last image? Maybe i just overlooked the option in the settings? I did not find anything in the forum.
thank you
Mike
another approach to solve this - this code is supposed to work to prevent zooming:
Head:
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, viewport-fit=cover, user-scalable=no, shrink-to-fit=no" />
<meta name="HandheldFriendly" content="true">
CSS:
html {-webkit-text-size-adjust: none}
But it does not - the css part is automatically disabled. is that the reason, why it doesn't work? Is there a way to change this easily?
Hi Armin, hi Marius,
as i mentioned in my last e-mail (still waiting for an answer to that, some working js-code would be the easiest solution) unfortunately waiting until "one day" is no option - i have tried a workaround and found two options to not have to disable lightbox and desktop-layout completely for all smaller screens and devices, but just for ios:
The problem with both ideas is:
I can make minor changes to the layout easily, but I cannot access the dynamically created css and content to disable grid layout, enable mobile menu, disable lightbox and so on - it would be similar to having a second breakpoint
Can You please help me with this.
Only other solution i see would be to set the breakpoint for mobile layout to 1024 px, which would be the last option and really a shame, as the layout in general works, looks and feels good except for the zooming-problem.
Thank You
Hi, this refers to this thread:
http://laythemeforum.com:4567/topic/5122/lightbox-and-touch-gestures-on-ipad-and-some-phones/11
maybe there was a misunderstanding, when Marius asked me to post the problem again in a shorter form.
Here it is:
pinch-zooming into lightbox-images on ipad works (should be prevented) and then breaks the layout and the functionality
Can I either prevent pinch-zoom or somehow keep the grid working? Disabling Lightbox completely on ipad is no option.
The other problems are more or less solved.
Please try to hint at a possible solution fpr this one.
thank you
Mike
Hi Marius, hi Armin,
anything on my problem?
Second thing:
pinch-zooming into lightbox-images on ipad works (should be prevented) and then breaks the layout and the functionality
Can I either prevent pinch-zoom or somehow keep the grid working? Disabling Lightbox completely on ipad is no option.
Is getting urgent, I cannot find anything to solve this.
best
Mike
HI, tried some things by myself:
for the main thing:
auto-reload via additional js in head on orientation change fixes this, but a more elegant way would be good
third question:
Carousel problem is solved by adding left and right margins to .slide-inner
second problem remains:
pinch-zooming into the lightbox breaks the layout (ipad)
Can i prevent this (zoom-pinch only works on ios-devices anyway) or at least stop the layout from collapsing?
Some help on the last point and maybe the first would be appreciated.
ok, main thing.
mobile horizontal - mobile layout works
on device rotation to landscape - desktop layout is shown (ok), but lightbox does not work
Second thing:
pinch-zooming into lightbox-images on ipad works (should be prevented) and then breaks the layout
third question:
Carousel shows small lines (1 or 2px) on the left and right side of the slide shown, which are margins of the neighboring slides - only on some devices
thank you.
for the carousel-issue i thought of doing this, seems to work at least in simulator: set left+right margin of .slide-inner to some px, doesn't reallyaffect the image size and seems to prevent these lines from showing
best Mike
yes, everything up to date, theme, plugins + wordpress
ah, and the carousels are here:
http://dev.giselakleinlein.de/public-art
http://dev.giselakleinlein.de/fachhochschule-suedwestfalen/
it is dev.giselakleinlein.de
pw is 123
i can also disable the private-blog plugin now (although i have not seen any problems caused by it, yet)
Hi,
we are having some troubles regarding the lightbox addon and ability to zoom in on some devices. The website is more or less finished, it works well on desktop and on most mobiles. breakpoint has not been changed, lightbox is off for mobile, on some iphones the mobile version changes back to regular when the orientation of the phone changes from portrait to landscape - lightbox would then be active but does not work, unless page is reloaded, could that be done somehow automatically by adding some js-code?
Besides on some devices it seems possible to pinch-zoom into lightbox images, which then somehow breaks the complete layout. Can btw do i have to disable that further via css touch-action?
I cannot really test all this live, on my android-phone everything is fine, zooming and scaling always disabled, website always in mobile version - iphone5 has the lightbox-issue, but zooming in is disabled and chrome developer tools simulator also shows some of these issues.
Besides there is one small problem with the use of the carousel-plugin - on mobile devices the margins of the neighbouring slides are sometimes visible (only 1px or so), especially, when one of slides only contains text on a white background and to the left and the right are photos, is there an easy option to hide these lines?
i have neither added any special settings or modifications whatsoever to lightbox or carousel, lightbox is set to off for mobile.
I did not find anything helpful in a quick search on the forum.
thank you, best
Mike
Hi, theme works really well, there is just one thing i was asking myself - i want to display the captions of all images shown in a lightbox on desktop and plain and simple on mobile - hiding the usual image-captions on desktop is no problem, but i (btw the client) would have to enter (or copy/paste) each caption twice - is there a way to use the image caption as lightbox caption or vice versa - I found this question in another thread from two years ago, answer was simply not possible - any changes here in the meantime?
best
Mike
Hi Marius, thank you, client will get along, I got the theme in the meantime for that project and already started, works fine so far, there is one more question - in the planned layout a certain function would be required, which is not available, as far as i can see, i found this discussion in the forum - we would need exactly the same thing:
http://laythemeforum.com:4567/topic/750/show-from-project-overview-more-project-images-via-lightbox
Is there any news about this?
best
Mike
Hi, I wll probably buy the theme for a client's website - the client is supposed be able to update and change images within the gridder-projects herself, My question would be - is the theme only in English or is it translated so I could switch the language in the backend to German? (May be this is mentioned somewhere and I just overlooked it - sorry.)
Thank You, best
Mike