Hello, Muse users.
I'm struggling to use responsive design the way I want to use it.
I have an image in a gallery widget and when sizing down the browsers in does what responsive design does, the only downside is that it overlaps some menus and text I have on the left-hand side that I don't want it to overlap. Is there a way to create a fixed browser margin of sorts to have the responsive design no go past that point.
Here is an example that fully illustrates what I'm attempting to do. site > Marc Baptiste.
Notice how when you scale your browser down the image doesn't go past and overlap the size menu, is this achievable in Muse?
As of this reading galleries are not responsive in muse.
I think it could be something like this in future ( I created almost the same in the prerelease with a gallery, which is helpful because the next and rev buttons are responsive as well in the latest prerelease )
I did it with only one picture and it is necessary to use breakpoints, as well as in the prerelease.
In your example the picture also is centered in height which is not possible out of the box.
I didn`t find a way (tried the same as Ussnorway, but that didn`t satisfy me at all as theres lots of space between menu and picture) to set something like a left margin to stop overlapping.
Only one way would prevent the overlapping: set the text menu to responsive width (in my first example I set it to not resize at all), but then you have to deal with the changing/moving appearance of the menu.
left-rightset-menu I added some right padding to the menu (30):
So whatever you prefer – but still galleries are not responsive except some 3rdparty galleries.
We are all waiting for responsive galleries