Mobile Featured Image Size Issue

  • mrratkai

    (@mrratkai)


    8 years, 4 months ago

    Hello,

    I am having issues with the size of the featured images on mobile. I have reviewed the earlier posts about this issue and tried adding the custom CSS to change the height of the two CSS selectors as suggested, however my problem still persists. Here what I added at the end of the CSS file:

    @media (max-width: 600px) {
    .site-content.archive article {
    height: 310px!important;
    }
    .article-helper {
    height: 294px!important;
    }
    }

    Here is a link to my site. Thanks!

Viewing 3 replies - 1 through 3 (of 3 total)
  • Mr Case

    (@mr-case)

    8 years, 4 months ago

    you have an explicitly set width.

    change this line of code:

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

    to the following

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

    that should tell it basically to be 100% at all times but never go over 1260px. try and see if that helps.

    Thread Starter mrratkai

    (@mrratkai)

    8 years, 4 months ago

    I tried putting this code into the CSS Stylesheet Editor, both previewing and saving stylesheet but nothing happens. However when I change it to max-width: 1260px; in the “Inspect Element” preview the images size correctly when I size the window. I am thinking the code is correct but it is not being read by the Stylesheet Editor?

    Mr Case

    (@mr-case)

    8 years, 4 months ago

    code is red line by line, so if the change you are implementing is getting read first and then there is code elsewhere that overrides that, you will never see it. use the !important declaration and see if that helps at all.

    #primary,
#comments,
.author-info,
.attachment #primary,
.site-content.archive #gk-search,
.search-no-results .page-content {
    max-width: 1260px !important;
}
Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘Mobile Featured Image Size Issue’ is closed to new replies.