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.
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?
I have two issues with this template […]
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!
Can you provide your page URL? You can email me, if you have some private information about your development page.
Thank you.
Al
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