Header Logo not re-sizing on mobile

Hello,

resizing the logo for mobile view isn’t a feature of the GDF Modern child, and your site behaves exactly as the demo here: https://wpgeo.directory/gdf-modern/

It appears you are using a logo as a header and that it is quite wide. If you tried one closer to the original on the demo at 274*60 it wouldn’t trigger the scrollbar.

Hi adyp,

Thanks for your reply. I’ve just inspected your Website and I’m able to see the issue there. To fix this, you’ll have to use the custom CSS code below. Insert into GD > Design > Scripts > Custom Style CSS

@media only screen and (max-width: 600px) {
   .site-logo img {
    max-width:100%!important;
}

.site-logo {
    max-width:100%!important;
}

.entry-content.cf img {
    max-width:100%!important;
}
}

Hi adyp,

Thanks for your reply. Try replacing the code with the below and see if it looks better. It fixes the height issue that causes the stretch.

@media only screen and (max-width: 600px) {
   .site-logo img {
    max-width:100%!important;
}

.site-logo {
    max-width:100%!important;
}

.entry-content.cf img {
    max-width:100%!important;
    height: 100%!important;
}
}

Hi adyp,

Thanks for your reply. I’ve just tested it on my iPhone 6 plus and the attached is how it looks like. Did you clear your browser cache?

Hi Adrian,

Alright. Let us know how it goes.

Thanks!