May 16, 2013 at 3:15 pm #23368
we are actually scheduled our new website going live for the upcoming monday. unfortunately the problem with overlapping portfolio grid persists. I do not want get a delay, it would be great to have solution on that, since it is the only thing that does not work up to now.
strange enough, it only happens on full size browser view, if one does resize the window, all pics are in place, even when re-maximize the window, everything is in shape. It would really love to go live in time, so any idea on that?
Hands-on Site is: http://mz.muze1.de/
Thanks for your kind helpMay 17, 2013 at 1:42 am #119533
I don’t really see anything wrong on the website. I have a 1600×900 resolution screen and even when I resize the browser to any specific size, the site looks good without the portfolio images overlapping. These are the list of screen sizes, normally use on homes, offices etc.
800 x 600
1024 x 600
1024 x 768
1366 x 768
1280 x 600
1280 x 800
1280 x 960
1280 x 1024
1440 x 900
1600 x 1200
1920 x 1080
1920 x 1200
I tested the site on each resolution and the portfolio looks fine. I don’t really think a user will re-size his browser to 1200px deliberately.
IsmaelMay 17, 2013 at 3:34 pm #119534
Thanks, Ismael for calming me down ;-) So I can put the site to life right now.
http://www.musikzentrale.net – almost done.
Have a nice Weekend.
Sebastian.May 17, 2013 at 5:59 pm #119535
I also noticed this issue. Look at his page : http://mz.muze1.de/unterricht/gitarre/#tab-id-1
The same behaviour is found with the default installation of enfold. The portfolio images overlap the caption from the row above in 1200px layout. This doesn’t happen when shrinking the browser to 1000px and going back. So it’s the initial load of the page that sets the images wrongly.May 17, 2013 at 6:04 pm #119536
I’m not able to get that issue on any size when testing the site. Is it a specific browser or OS that it is happening?
DevinMay 17, 2013 at 6:26 pm #119537
I’m using Firefox on macOS. But it also happens in Safari and Chrome. Seems to be a general issue. Make sure your browser is already at full width. Then load the page.May 18, 2013 at 11:50 am #119538
Yes, I get the same thing on your site. I mentioned it in another thread. I have got mine set to the narrower format until the issue is fixed in a theme update.May 20, 2013 at 3:35 am #119539
I’m sorry I can’t check the issue on macOS. I don’t have the machine to test it. In my honest opinion, this is not a big deal since 1200px is a not a common resolution for screen monitors. I’m not sure with macOS.
IsmaelMay 25, 2013 at 1:19 pm #119540
This happens in all OS and in all Browsers i tested – FF, Chrome, Safari, Opera & IE with all browser windows size: On first page load pics & description do overlap, no matter what the resolution is. But if one does resize browser Window, everthings finally fits into place.
In our case the description text is important, since people will choose their teacher regarding his instrument AND location.
great to have this fixed with the next updateMay 25, 2013 at 1:53 pm #119541
I’ve tested your site on all of my test machines and still unable to reproduce it on your site. Can you use http://www.screenr.com/ and make short video showing what is happening from your point of view?May 25, 2013 at 2:57 pm #119542
Yes, of course, here it is:
on the Homepage of http://www.musikzentrale.net, the 8 portfolio items representing our schools, second row items do overlap the first row items description on initial load. after reload, they all fit.
on http://www.musikzentrale.net/ueber-uns/dozenten, same issue, although i thought it depend on the different excerpts` length.
So can you reproduce the issue now? I hope the video is not going by too quickly.
Cheers, SebastianMay 28, 2013 at 4:59 am #119543
Please try to add this css code
padding: 16px !important;
IsmaelMay 29, 2013 at 5:59 am #119544
The topic ‘Portfolio pics overlap when using 1200 layout – still’ is closed to new replies.