Showing 1 – 3 of 3 replies
jamesemwallis

I have two issues with this template […]

jamesemwallis PURCHASED
7 years ago
Hi, I have two issues with this template and apart from that it is perfect.
The First:
In the strengths section of my site, the text on the bars from the barchart moves with a twitch.
Is there a fix for this?

The Second:
I use the text-rotator index file and on mobile the text that is rotating appears through the drop down navigation when I am at the top of the page.

Thanks!
LuckyRoo
LuckyRoo SELLER
7 years ago
Hi jamesemwallis,

Can you provide your page URL? You can email me, if you have some private information about your development page.

Thank you.
Al
jamesemwallis
jamesemwallis PURCHASED
7 years ago
Hi, my URL is james-wallis.com There is no private information about the page that I think needs to be included. Thanks
LuckyRoo
LuckyRoo SELLER
7 years ago
You are right, that will be something I would fix in the next update. If you need a quick fix for that, here are the steps:

1. In the strengths section of my site, the text on the bars from the barchart moves with a twitch. Is there a fix for this?

A: Please open your assets/css/berg.css, under "6.4. SECTION - STRENGTHS" section, find and copy this css code:

BEFORE:
.column-chart > .chart > .item > .bar > .item-progress > .title {
position: absolute;
top: calc(50% - 13px);
left: 50%;
font-size: 14px;
text-align: center;
text-transform: uppercase;
letter-spacing: 2px;
-moz-transform: translateX(-50%) translateY(-50%) rotate(-90deg);
-webkit-transform: translateX(-50%) translateY(-50%) rotate(-90deg);
transform: translateX(-50%) translateY(-50%) rotate(-90deg);
}

AFTER:
.column-chart > .chart > .item > .bar > .item-progress > .title {
position: absolute;
top: calc(50% - 13px);
left: 50%;
font-size: 14px;
text-align: center;
text-transform: uppercase;
letter-spacing: 2px;
-moz-transform: translateX(-50%) translateY(-50%) rotate(-90deg);
-webkit-transform: translateX(-50%) translateY(-50%) rotate(-90deg);
transform: translateX(-50%) translateY(-50%) rotate(-90deg);
-webkit-backface-visibility: hidden;
-moz-backface-visibility: hidden;
-ms-backface-visibility: hidden;
}

2. I use the text-rotator index file and on mobile the text that is rotating appears through the drop down navigation when I am at the top of the page?

A: I really don't see anything wrong. Could you please attach the screenshot?

Hope that helps :)

Thank you.
Al