Width issue on mobile

there is a section of your css which sets an explicit width to certain elements. see here:

#primary,
#comments,
.author-info,
.attachment #primary,
.site-content.archive #gk-search,
.search-no-results .page-content {
    width: 1200px;
}

if you set that value as a max-width and give those elements a width of 100% it should fix it. change it like this:

#primary,
#comments,
.author-info,
.attachment #primary,
.site-content.archive #gk-search,
.search-no-results .page-content {
    max-width: 1200px;
    width: 100%;
}

I couldn’t find that section, but I’ll look into again. Tks

it’s not in your css file. it is being written into your page. if you add the second piece of css i gave you and use the ‘!important’ declaration it will override the previous and should give you what you are looking for.

Ok, I got it (partially). I get what I have to do, but where do I paste that css peice? Tks

you should paste it in a your themes custom css, if your theme has that feature, or at the bottom of your child theme’s ‘style.css‘ file, like this:

#primary,
#comments,
.author-info,
.attachment #primary,
.site-content.archive #gk-search,
.search-no-results .page-content {
    max-width: 1200px !important;
    width: 100% !important;
}

It worked! Thank you very much ??