charchub

I have the exact same problem…that button doesn’t work. What was the issue at the end. It looks like a solution was never posted.

Yes that’s correct – that’s the lug.

Yes I have one product published for now and that one product is in stock.

I have not turned it into storefront as this is a live website.

I included the link in my message but I noticed it was removed …

Yes the shop name is Store and it exists and published.

I am not using that theme – and this is just a container it is not related to a plugin. It is only showing the latest blog categories.

Awesome – This was very helpful. I actually had the webfont but had not uploaded it.

Now another question: It seems that the problem has been solved for single posts (if you click on any single post, the logo is shown with the new font).

But the problem still exists for the homepage. What can be the cause of it? I refreshed the cache number of times.

yes this solved the problem…wow! thank you so much ??

Andrew, Thank you so much! It fixed it: I didn’t add the code at the right place, but then I added under the right part of the code and it did the trick.

You are awesome!

Sure; I understand and I appreciate your great help. Actually I was impressed and surprised by all this great support.

I used this and it didn’t fix it:(

#topmenu .navbar-fixed-top {
top: 34px;
}

I can send you my admin if you want to take a look at the css stylesheet: May I have your email?

Aboslutely:

This is the link: https://www.charchub.com/en

If you go to this page, you see two menus are overlapping, because in the #topmenu the border-top is set as 0px.

If you resize and make the screen smaller, though, you sill see both menus. Now, if I set the border-top as 32px (which is the height of the black menu on top), the full screen will look perfect, but on a smaller screen, there will be a 32px space between the top and three line menu.

Thanks Andrew,

This was an interesting post and very insightful: I tried to do something like this without luck:(

@media all and (max-width: 4500px) and (min-width: 1200px) {

#topmenu .navbar-inner {
position: fixed;
border-top: 32px;
}
}

I noticed that, when the drop-down (three line menu) becomes activated, it recognizes the top menu and therefore border-top: 0px; puts two menus under each other in a neat way.

However, on the standard size, this does not happen. So as you can see in the link in my previous post, one menu covers the other one.

If I use something like this:

#topmenu {border-top:32px;}

Then the standard screen gets fixed but on the smaller screens, there is a 32px space between two menus.

What did I do wrong? Any thoughts?