Ok, I’m on to something. I trying to give you guys everything you need to help me with this issue. Thank you for baring with me.

1. I applied the example that Josue referenced to me on how to use media queries for specific browsers and made the menu items BOLD within Safari

2. There were (3) specific menu items that remain NORMAL weight, and the rest are BOLD.

3. I (replaced) one of the NORMAL menu items (pages) with a new page I created named “Test Page.” Attached is a screenshot of what’s going on.
http://postimg.org/image/632qvma8n/

As you can see there is some craziness happening here. If it’s not my custom CSS, and it’s not the browser or my hosting, it has to be the theme. Please please please help me with this guys. This is it. I will have to go with another theme and spend weeks re-custimizing it (dozens of hours). I have never experienced this level of issues without a theme developer offering to login to my admin and help out. I’m 98% sure it’s a theme issue.

RECAP :
1. I’ve tried clearing out ALL myc custom css. – Issue remained
2. I am running the latest version of Safari.
3. My hosting provider says it’s not a server issue.
4. I deactivated ALL my plugins – issue remained.
5. I updated the theme – issue remained
6. I tried a different font – issue remained

Whatever is left to do is beyond my expertise.

please help

Fixed. Seems all of my images needed to reference https and not http. A lot of errors were ocurring as they were not secure links (yes, the SSL I have kicked up flags due to them not being HTTPS). Thanks anyway.

-JP

I think I finally figured out the issue. I had the portfolio column set to 4, but only had 3 images. I changed the column setting to (3) and then when the images opened up in the lightbox it looked good. I will change it back to (4) columns when I get more images.

So to conclude, it seems as though you have to have a minimum or 4 images if you choose 4 columns. Same would go for 3 columns and so on.

Resolved! :-)

Thangs Devin,
i’ve try, but with this i lost the fading animation, from 0 to 1.
I need to have opacity 1 for the orange circle (.image-overlay-inside), only at the end of the animation, but at the beginnig of the animation both opacity (image-overlay and image-overlay-inside) set to 0, in order to have a fade-in animation.

Hi Devin,

I´ll try that. And I´m sorry about the double post.

Thanks,
Fabiana.

In the meantime I came up with:

#slide-coffee {
	background-image: url(https://www.roberthunecke.com/redesign/wp-content/uploads/2013/09/coffee_beans_rendering.jpg);
	background-repeat:no-repeat;
	background-size: 100% auto;
	background-position:50% 15%;
}

Unfortunately the slide will no longer be part of any transition :(

Any advice?

Works perfectly. Thanks heaps.

Can you confirm this will be fixed in the next Enfold release?

Cheers,
Jason

Hi,

The code given for header is working great thanks, how ever we are having the trouble with the logo size now.
When we upload the logo in 343 width and 156 height it’s looking fine on the desktop but overlapping on the mobile. We uploaded a bunch of different sizes and found that 241 x 157 worked. The logo in the image is end to end horizontally but there is a lot of vertical space. This is ok but now the logo is too small, we tried increasing the width and expanding the logo in the image but that only seems to make the logo smaller.

Please help out with this

Cheers