Skills % overlapping with skill text

Hi,

I am having an issue with the % of the skills widgets, which are overlapping with the skills text.

My site is https://ivalambova.com/

Have a look at the screenshots here

Is there a way that I can fix that?

Also, again on the front page there’s a layout builder where the title and the text have quite big distance. Have a look at the screenshot here

Any advice on how to reduce it?

Many thanks for your help!

Best,
Iva

Hi again Iva,

Unfortunately I can’t replicate issue with numbers https://www.screencast.com/t/gIhCiLvVZ . Please try to test with emulation on Google Chrome browser, and not by resizing browser window.

Regarding widget titles, I can suggest following css code which will reduce margin from default 50px on smaller screens:

@media screen and (max-width: 768px) {
    .panel-grid-cell .widget-title {
        margin-bottom: 20px;
    }
}

For padding which you have set for rows, they will be applied as inline style and can’t be overridden https://www.screencast.com/t/I8yIc46P so reduce them for each row .

Regards,