Responsive mobile

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

Hi,

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

If you make the screen small (mobile) and check home and other pages you will see the differences. praktijksysteemtherapiegroningen.nl

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.

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?

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.