arto88

Yes. It is as I suspect. The problem is solve now.

Thank you.

Just an update.

It might be a conflict between Better Font Awesome and Timeline Express.

Previously all icons at Timeline Express works fine, even without Better Font Awesome. After I installed Better Font Awesome, it makes the web slow.

Now, I have decided to use another Timeline plugin and re-activate Better Font Awesome, the website works fine for now.

I will wait for some time. If it does not make any issue, I will mark this thread as resolved.

Thank you.

Hi Mickey,

Thank you for your response.

I just installed this plugin recently to solve my broken Font Awesome issue. At the time I activated this plugin, I had been using WordPress 4.6.

It just happened right after I installed and activated some plugins (Better Font Awesome, wp super cache and Jetpack). I asked my hosting to check if there was any problem with the server and they said it was because of WordPress plugin.
Then I started trying to deactivate one plugin at a time and the website works fine again after I deactivate the Better Font Awesome.

This is a good article that explains how to do it:
https://front-back.com/how-to-make-absolute-positioned-elements-overlap-their-overflow-hidden-parent

What I do is:
div.col-md-4.col-sm-8.col-xs-12 {
position: relative;
}

div.col-md-4.col-sm-8.col-xs-12 img.site-logo {
position: absolute;
top: /*set the position here*/;
}

On the website you provided, the author sets the top: -15px;
But you can try top: 150px; and see your logo is moved further down.

The rest is just how you play with your image size, padding and margin.

Not sure what do you mean with half over the menu and half under.

Do you mean something like this?
https://postimg.org/image/g4nze4af5/

To do that, I change the CSS:
#main-nav .container .navbar-header.responsive-logo {
margin-left: 100px;
margin-top: 25px;
}