[Abbe]

http://www.pixelwars.org/forums/topic/no-animation-in-horizontal-menu/

I thought that behind a great theme had to be a great support team. But your childish behavior proves a full lack of respect, manners and education.

A simply “i don’t give a damn”, it’s even more respectful than not answering at all for some reason that I still don’t understand.

Don’t you worry, i’ll not bother around anymore.
Good night, and good luck.

[Abbe]

Att. ahmetsali

Is there any special reason for not answering my requests? i saw u got time to answer 3 others.
Have i done anything wrong in here or what?

[Abbe]

closed topic

[Abbe]

Hi, thank you for looking at it. The browser back button isn’t optimal, users may not understand “how to” and leads to unpleasant experience.

I applied a patch solution using ICL_LANGUAGE_CODE from wpml to detect the lang code and load the proper html code.

I’ll wait for an update. Thanks again.

[Abbe]

Good morning,

Sorry to bump, but could you please have a look into my problem. I’m haven’t been able to fix it yet.

thank you.

[Abbe]

Hi,

– if you refer exclusively to your logo size –

Add this to your custom css file:

.header img {
max-height: 160px; <—— REPLACE THIS VALUE WITH THE ONE IT FITS YOUR NEED
border-radius: 50%;
}

Test the result in different devices resolutions, use css queries to fix any strange behavior u may detect.

GL!

[Abbe]

Hi,

To hide the stamp add this to your custom css file:

.stamp, .stamp:after { background:none; }

GL!

[Abbe]

I Found out that it happens when switching classes between sections.
this ones: vs-left, vs-right & vs-current

When it cleans out the classes it loads the styles and before that u can see the projects.

As the sections has white background it “masks” this behavior, but as i wanted it transparent…

anyway i left it as it is. tnx!


.vs-triplelayout .wrapper > section {
position: absolute;
top: 0;
left: 0%;
margin: 0;
visibility: hidden;
-webkit-backface-visibility: hidden;
}


[Abbe]

Hi,

When seeing your site at fullscreen, the image shows correctly. But you are right, your head is cut off. Still that’s the “correct behavior”

So, in my screen that starts to happen when i get close to 1600 pixels, try this:

@media screen and (min-width: 1600px) { .header { background-position:top center; } }


You will notice a jump on the position of the image once reached that number.

[Abbe]

Not sure how are you doing it, but works as explained, with cvCard v1.0.6

http://thesearemyworks.com/#/about-me

[Abbe]

FROM THEME DOCS:

[social_icon first_icon="" last_icon="" type="" url=""]

first_icon=”yes” … Use for the first icon.

last_icon=”yes” … Use for the last icon.

url=”” … A full url (http://)

type=”” … Define an icon.

if u want to use deviantart as a social media icon:
[social_icon first_icon="" last_icon="" type="fa-deviantart" url=""]

Because social media icons are taken from Fontello Font, it won’t display.
To fix the above issue, add this line to your custom css file:

.social li a.fa-deviantart { font-family: FontAwesome; }

[Abbe]

Hi,

Use Chrome Dev Tools or Firebug to find potential paint rectangles that are being repainted on scroll.

On Chrome Dev Tools u have a special menu for that purpose:

– Show paint rectangles
– Show composited layer borders
– Show FPS meter
– Enable continuous page repainting
– Show potential scroll bottlenecks

I suggest you to look for documentation on how to use the menu above and the other Dev Tools, and articles about the subject “scroll bottlenecks”

Then, optimize your site by reducing http requests, compress css and js, reduce image sizes, etc etc etc…

And for last, latest Chrome versions has disable some FLAGS, that affects the rendering, specially when using one pages layouts. Activating them on your browser may help, but they’re still disabled on any other computer from a regular user.

In my opinion this is not a question with an straight solution.
So read read read : )

Accelerated Rendering in Chrome

How to Speed Up Google Chrome Web Browser

Good Luck!

[Abbe]

720p and 1080p are native HD resolutions, and they don’t refer to width, but to height!

720p = 1280PX x 720PX
1080p = 1920PX x 1080PX

Keeping that in mind, if u still have the need to write custom css for those sizes, one solution could be this one:

@media screen and (min-width: 1280px) { … }

@media screen and (min-width: 1920px) { … }

Or if you want to just target TV screens:

@media tv and (min-width: 1280px) { … }

@media tv and (min-width: 1920px) { … }

Anyhow, i checked your site on a 15” Retina MacBook (over 1920px) and the image resizes accordingly.

Good Luck!