rdellconsulting

I’m using a 1920x1080px monitor and can see all 21 menu items.

At what size are you seeing the problem?

You need to try the Plugin’s support forum.

Please start a new thread with your question. This post was completed 9 months ago and Czr will have moved on since then and the solution may not be relevant.

You have this:

#pg-23-0, #pg-23-1, #pl-23 .panel-grid-cell .so-panel {
    margin-bottom: 30px;
}

and

#pg-23-1 {
    margin-left: -15px;
    margin-right: -15px;
}

Replace with

#pg-23-0, #pl-23 .panel-grid-cell .so-panel {
    margin-bottom: 30px;
}

and

#pg-23-1 {
    margin: 0px -15px;
}

You should go here for Pro support

I can see the page, but can’t understand the problem. Can you give a bit more detail about where the white titles are?

1) See documentation

2) Link to site?

I can see your blog posts (FF). Only problem is you’re not picking up FontAwesome.

Try disabling Jetpack as that often causes problems (in the past anyway)

OK, try:

.woocommerce ul.products li.product,
.woocommerce-page ul.products li.product {
    width: 24%;
    float: left;
    clear: none;
    margin: 0 0 2.992em;
}

You’ll need to add some padding.

Did you try to clear cache?

Great. Please mark as [resolved] in rhs sidebar.

You have added this:

.navbar .nav {
    margin-left: -100px;
}

Take it out and it works again.

Pro Support here

Try

.woocommerce ul.products li.product a img {
    width: 40%; /* Change to < 100% */
    height: auto;
    display: block;
    margin: 0 0 1em;
    box-shadow: none;
}

I’ve flagged to Developers

I have a 1920px wide monitor which is showing the image in the way you want? It is using:

.scroll-img {
    max-width: unset;
    width: auto;
    height: auto;
    vertical-align: middle;
    border: 0;
}

But max-width: unset isn’t valid CSS (to my knowledge)?