Responsive mobile

February 2014 WordPress Theme
GK User
Sun Feb 19, 2017 1:49 pm
In the previous post i added new custom headers. Now i have a problem all the pages i made the text is not repsonding full responsive
User avatar
Expert Boarder

Joshua M
Sun Feb 19, 2017 10:59 pm
Hi,

Could you provide a screenshot? because I can't see the issue.
User avatar
Moderator

GK User
Mon Feb 20, 2017 10:17 am
If you make the screen small (mobile) and check home and other pages you will see the differences. praktijksysteemtherapiegroningen.nl
User avatar
Expert Boarder

Joshua M
Mon Feb 20, 2017 10:41 am
It's because of your modified css code. Please check mobile.css and tablet.css files - you should find .custom.gk-header3 and other css selectors which are used for mobile/tablet version. You have to add also your other custom headers.
User avatar
Moderator

GK User
Mon Feb 20, 2017 5:24 pm
Yes i saw that. But i tried to add this and added .custom.gk.header3 and 4,5,6,7,8 etc. But it didnt work did i forgot something?
User avatar
Expert Boarder

Joshua M
Mon Feb 20, 2017 10:53 pm
CSS code from i.e. mobile.css file is loaded only for devices with screen smaller than 600px - you've added this css code:
Code: Select all
.custom.gk-header4 {
    padding: 100px 120px 80px 120px;
}

into override.css files, so it's loaded for all screen resolutions, you have to add media queries:
Code: Select all
@media (max-width: 600px) {
.custom.gk-header4 {
    padding: 100px 120px 80px 120px;
}
} etc.
User avatar
Moderator


cron
Remember me
Register New Account
If you are old Gavick user, click HERE for steps to retrieve your account.