Outline module "special"

GK User
Sun Aug 24, 2014 3:20 pm
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;}

Image.
It looks like aanbiedingen aligns with the first list-item.
Any ideas on solving this?
User avatar
Expert Boarder

GK User
Sun Aug 24, 2014 11:25 pm
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%;
}
User avatar
Administrator

GK User
Sun Aug 24, 2014 11:40 pm
Tnx, works great.
Will this adjustment added in the next template update?
User avatar
Expert Boarder

GK User
Sun Aug 24, 2014 11:53 pm
This issue is caused by this specific case - for other cases it can need other CSS code.
User avatar
Administrator


cron