Outline module "special"

After changing

Code: Select all

<span>Special</span>

to

Code: Select all

<span>Aanbiedingen</span>

and editing some products in the module "Special" it appears the outline of Aanbiedingen is not correct.
First I added next code to override.css but that doesn't quit solve the problem on mobile devices.

Code: Select all

.gk-special-content {
    padding: 50px 30px;}


.
It looks like aanbiedingen aligns with the first list-item.
Any ideas on solving this?

Hello,

In the mobile.css file please add the following code:

Code: Select all

.gk-special-content {
padding: 35px 10px;
}
.gk-special-menu {
margin: -25px 0px 0 0px;
}
.gk-special-menu li:after {
margin: 0 0 0 -50px;
width: 100px;
}
.gk-special-menu li {
padding: 16px 2px;
}
.gk-special-link  {
width: 100%;
}


Tnx, works great.
Will this adjustment added in the next template update?

This issue is caused by this specific case - for other cases it can need other CSS code.