Didn’t make any difference – I even changed it to 70% and no change in the grid row on this page http://test.supersportsuae.com/races/run-series-dubai-uae/.

Did empty cache.

Caching off. No minification plugins, Enfold seems to handle it well. Details in private.

OK thanks, I’ve managed to resolve the issue but not able to pinpoint exactly how!

Thanks

This is happening on our test site which has these plugins enabled, but not our live site, which doesn’t, hence why I’m fairly certain it’s the plugins.

Thanks

Thanks Rikard, will look into that one.

Cheers

No thanks, feel free to close it.

Thanks Ismael, so I can remove the compression & minification plugins – BWP, EWWW Image Optimizer (made a difference to images and analytical results using this).

What about AMP plugin?

That does raise another question, and answers another question too :-)

The answered one, is that the CSS in the custom CSS box for Enfold is therefore minified.

The other question is, why do I get feedback from a variety of analytical tools that my site is lacking minification in many errors – CSS, JS, HTML?

What about the WordFence issue?

Thanks

• This reply was modified 6 years, 8 months ago by SuperSportsUAE.

Hi Mike,

Sorry, been on holiday & away on business too!

Just been looking through minify & cache plugins, reading reviews and looking into a CDN as well!

W3 seems to be popular so was looking into that, especially since it has minifying built-in – thought I could drop the separate minify plugin, and less plugins is goo, correct?

Concerned that BWP hasn’t been updated in 3 years – hard to believe that a plugin was 3 years ahead of its time!

The thing is, I don’t use WordFence anymore, so not sure why I’m getting warnings from it, haven’t for a while.

Thanks

Great, thanks.

Next question, with certain screen sizes the breadcrumbs end up with 2 sizes, and the logo moves around, so that it is not vertically centred.

How can I get around this? Presumably by editing the mobile-only section of the CSS?

Or should breadcrumbs be removed from the mobile section? It’s just with the menu being replaced by the burger menu, I can see the breadcrumbs being really useful on a mobile.

Thanks

OK, worked out how to play with the CSS and change the depth of the breadcrumb container.

Still like some advice on the other sections though :-)

Thanks

Thanks for that, it appears to be working.

Is it possible to change the depth of the breadcrumb section? Or include within the menu section of the header?

At the moment it’s far too deep, too thick a strip across the screen. It’d fit much better as a pinstripe with the breadcrumbs within it.

I’m also trying to centre our logo vertically within the menu bar – is this possible?

I appreciate it seems unrelated but I’ve been playing with the logo size so it doesn’t come into the header section that includes the breadcrumbs.

Thanks

There is a huge grey stripe across the screen forming the background to the breadcrumbs, it is not blue!

Blue is the colour in our logo, and the top edge of the calendar seen at the bottom right of the image.

Either way, how do I change that colour?

Thanks

Thanks Mike, meant to get back to you, been v.busy and slipped through the net! All sorted now. Thanks for your assistance.

Thanks Mike, but will that not affect all tables in mobile view?

I’ve noticed this piece of CSS

#mobile {
display: block !important;
}

tbody td {
display: table-cell !important;
text-align: center !important;
}
}

So I decided to add a table ID to that particular table and removed the style details from the html (worked it out after some digging on W3, CSS Tricks & Stack Overflow)

<table id=”coach_bio”>
<tbody>
<tr>
<td style=”width: 10%; text-align: center;”>

@media only screen and (max-width: 767px) {
table#coach_bio {
width: 100%;
li {text-align: left !important;}
}
}

Which seems to have done the trick. However, I’m asking myself whether it wouldn’t be better to turn the table into blocks, so I have a name & photo with the data beneath it, rather than side by side? Is that possible for specific tables using this configuration?

Thanks

Nope, I know how to do that, have done for some time.

My query is about the tool-tips connected to the fontello icons in the table below the coach button.

You gave me a CSS snippet so that the tool-tip for the coach button was properly responsive and allowed me to control it.

What I’m after now is some CSS to control the tool-tips attached to the av_font_icon entypo-fontello since they are not responsive and I can not find a way to control them via CSS or within the html. (See attached)

I tried adapting the CSS you provided for the coach button tool-tip but couldn’t make it work.

Thank you