Product gallery nav arrows not showing correctly

Hi,

Any idea why the product gallery navigation is being cut / overlapped by the overview grey bar?

Regards

Andy

https://turningwood.org/product/sup-taster-session-tour/

link would help I guess :slight_smile:

Hello Andy,

Please go to Appearance >> Customize >> Custom CSS and JS >> Custom CSS and paste the code below:

@media only screen and (min-width: 992px) {
.default-page .trip-info {
padding-top: 25px;
}
}
Thank you

Hi,

That works in Chrome but not in firefox - and in firefox it doesn’t go full height of screen like it does in chrome…

it looks like the overview bar is encroaching over the image - but your http://html.waituk.com/entrada/tour-detail.html looks ok on the same browser - so it’s my theme somehow.? Please help.

Hello Andy,

Please go to Appearance >> Editor and then inside Entrada Child themes style.css file, copy and paste the css below as shown in the attached screenshot:

.trip-info > .row {
display: table;
margin: 0;
width: 100%;
table-layout: fixed;
height: calc(100vh - 1px);
}


Please note that you will need to clear the cache and refresh browser after adding this CSS. Please let me know how this goes.

Sanjeev