Change feature image height, static front page

oldriptfit · Member · May 10, 2016 at 2:15 am
Copy link

Add topic to favorites
Hi, I’m trying to change the feature image height display on the front page so its smaller, to about 600px

also i managed to change the masthead to 600px but it only works on desktop view, on mobile devices it just shows the full image

website https://crossfitmadskills.com

affinity theme

appreciate the help thanks.

The blog I need help with is: (visible only to logged in users)
thesacredpath · Member · May 10, 2016 at 2:53 am
Copy link
Hi there, I’ve viewed your site as you have it now on my iPhone, and it looks quite good. What exactly are you wanting it to look like on the iPhone? It seems good to me that the title in the lower left appears.
oldriptfit · Member · May 10, 2016 at 3:08 am
Copy link
i want to add a feature image to each page to liven up my front page
except for i don’t want the image to display to be full screen?
more like a slim border between each page
oldriptfit · Member · May 10, 2016 at 3:09 am
Copy link
i want to change the max height for the featured images
thesacredpath · Member · May 10, 2016 at 6:58 pm
Copy link
…except for i don’t want the image to display to be full screen… more like a slim border between each page.

Are you not wanting them full width or are you talking about height?

Typically when the featured images are set to not scroll in the background you will have the content of the pages showing below the featured image which delineates the pages. Are you not planning on having any content?

If you are talking about height, you can give this a try. The height of the featured image on the front page are set with a top padding of 70.6667%, not a height. You can play with my 40% value in the following. I’ve also adjusted the position of the featured image since reducing the padding makes had the people in the image on your main page low and almost out of the image.
```
.custom-header-image, .in-panel .custom-header-image {
    padding-top: 40% !important;
    background-position: center 50%;
}
```
oldriptfit · Member · May 10, 2016 at 8:46 pm
Copy link
mate you are awesome, thanks thats exactly what i wanted
thesacredpath · Member · May 10, 2016 at 11:41 pm
Copy link
Super, and you are welcome.
oldriptfit · Member · May 11, 2016 at 5:55 am
Copy link
Hey mate so everything worked fine on both mobile and desktop view and then randomly today the feature images stop displaying on mobile view ?
thesacredpath · Member · May 11, 2016 at 6:49 pm
Copy link
Weird. I’ve just checked on my iPhone 5s and I see the featured images on the front page of your site. Are you still not seeing the images? If so, what mobile/browser are you using?

You may wish to clear the cache on your mobile and see if that fixes the issue.
oldriptfit · Member · May 12, 2016 at 2:02 am
Copy link
sorry mate it randomly fixed itself last night, i tried it on a few different mobile devices and it was the same but then it just fixed itself, weird ?
thanks anyway
thesacredpath · Member · May 12, 2016 at 2:07 am
Copy link
Well, the important thing is it’s back to normal. It could have been some server issues, or interwebz issues, or… or… or… :)

Do let us know if it happens again.

No items found.