Alignment for top links problem (even with default html-set)

1 reply · opened Jun 15, 2016

GgrepinJun 15, 2016

Take a look at "Top Links" section at /Package-HTML/HTML/index-shop-2.html
You could see that "USD" and "EN" are misaligned with "Login": "USD" and "EN" are lower then "Login" (see s1.png)
Such behavior is common for all "Top links selectors"; this is seen very good when you mix a lot of "selectors" and simple links (see s2.png).
And also, this behavior is gone if device is "sm"/"xs"/"xxs"
Is it possible to fix this ?

SSemicolon WebSTAFFJun 17, 2016

Hello,

Thank You so much for reporting this to us! There is a Minor Bug in the CSS. Please find the following code in the style.css File:

.top-links li i {
	position: relative;
	top: 1px;
}

and replace it with:

.top-links li i { vertical-align: top; }

This will definitely work fine. Let us know if we can help you with anything else or if you find any further issues.

Have the same question, or something new?

Sign in to the Canvas dashboard to reply or open your own topic. Canvas owners get direct help from the SemiColonWeb team.

Reply on the dashboard