Images Assigned to be Featured on Pages

[Kris Kelkar]

Hi. I have posted a reply a couple of times on the thread https://www.sktthemes.org/forums/topic/page-featured-image-stretch/#post-157462 but it keeps being rejected and never displayed. Hence, I am creating this new thread.

My URL is http://sparkingrelationship.com

Any pages with a featured image, the picture scales up properly up to a point, but as the browser window width exceeds a certain size, the image stretches. I think it is tied to when the navigation menu shows up at the top. http://sparkingrelationship.com/teaching/ How can I stop the image from stretching? Is there a way to have the navigation menu show up for narrower browser widths?

Additionally, I noticed after my original post that when there is no picture featured on a page, the page shows a gray bar where the picture should be. Again, it is tied to the width of the browser window exceeding a certain size and when the menu on the top shows up. How can I stop the gray from showing up and also have the menu options show up? http://sparkingrelationship.com/privacy-policy/

I am using a Safari browser ver 13.1.2 on an iMac running High Sierra ver 10.13.6.

Thank you.

[Forum Moderator]

Hi,

Kindly go to Appearance >> Customize >> Basic >> Scroll down to find Custom CSS and paste there:

.page_head img, .post_head img { height:auto !important;}

Regards,
Chris

[Kris Kelkar]

Thank you. That worked to fix the image stretch issue.

How can I stop the gray bar from showing up on pages without a featured image? Example – http://sparkingrelationship.com/privacy-policy/

[Forum Moderator]

Hi,

Kindly go to Appearance >> Customize >> Basic >> Scroll down to find Custom CSS and paste there:

.page_head, .post_head { min-height:inherit !important;}

Regards,
Chris

[Author]

Posts