Yay! Thank you Yigit!

Hmmm,

http://testing.curlyhost.com/portfolio-item/woodmere/

I tried changing the code to the one above and the left button still goes to the next project. Do I also need to switch out the css for where those show up on a page?

Thank you!

Hi Ismael,

It’s fine when you resize your screen, but doesn’t work when I pull it up in my Android phone using Chrome.

Best!

That works perfectly! Thank you!

Hi Basilis,

I’m using the Portfolio Grid Content Element – I want each section to open using AJAX. Before if you clicked the title it would do that, but the problem was that it was only the title that was clickable versus the entire thing. Now everything is clickable but the AJAX functionality went away.

http://wordpress.friesianconnection.com/sale-horses/

What happens is when you are on an iPhone 6 using Safari and you are on the home page and click the Work page it shows up blank until you rotate your screen horizontal and back upright. And then if you click the logo from an interior page it also shows up blank until you rotate it horizontal and back upright.

When I use this code it breaks the portfolio grid on an iPhone 6 using Safari.

@media only screen and (max-width: 767px) {
.container #advanced_menu_toggle, #advanced_menu_hide {
display: none;
}

#top #header_main > .container, #top #header_main > .container .main_menu ul:first-child > li > a, #top #header_main #menu-item-shop .cart_dropdown_link {
height: 25px;
line-height: 25px;
margin-top: 7px;
}

.main_menu, #header_main_alternate, .main_menu .avia-menu, #header_main_alternate {
display: block;
}

.responsive #header .main_menu ul, .main_menu .avia-menu, #header_main_alternate {
display: block;
}
}

The client doesn’t want to use the mobile menu, but instead wanted to have the three menu items just stacked on top of each other in mobile. Do you have another method of disabling the mobile menu and having the menu items stack than the one listed above as that one causes issues in Safari on an iPhone 6.

Here’s the breakdown of everything they are experiencing…

The iPhone 6 with Safari is having these issues:

In Portrait View Only:
– Home page: Grid of images does not show up (issue occurs about 50% of the time)
– Work page: Grid of images does not show up (issue occurs 99% of the time)
– We’ve noticed that if you turn the phone to landscape view, the images instantly appear (as the 2-columns grid.) Then if you rotate back to portrait view, the images remain viewable.
– The site functions 100% normally in landscape view.

So, I “fixed” it by putting a 1×1 transparent pixel in a slideshow area above the portfolio grid. For whatever reason, having an image load before the portfolio items makes it all load correctly the first time.

It seems to only be an iPhone 6 (previous models are fine) using Safari and iPads and iPad minis using Safari – other browsers are fine.

Hey Yigit,

That worked great – this is what I ended up using:

a#advanced_menu_toggle:before {
content: ‘Menu ‘ attr(data-av_icon);
font-size: 18px;
}

Shoot – I thought I fixed it by putting the below code instead.

.html_header_transparency #header_meta {
display: none;
}

I just changed my header to now show that header meta in the first place.

I had originally moved the phone info next to the menu area but didn’t want it to be on it’s own line above the menu for spacing reasons – the code above was to get rid of that area while still having the text above the menu. I didn’t need it in this instance but it is a little weird that those two things would be connected.