I’ve run into a smallish problem with regards to the Header Image within the Apostrophe 2 theme.
If I hide the Header Image then the logo sits in a good position, neatly aligned to the left, and the approximate height of the Header area is 176px. This looks and works great.
However, if I fancy a bit of art as well, when I enable the Header Image the image is distorted and takes up a much lager space than it states; “Your theme works best with an image with a header size of 1048 × 214 pixel”. It actually uses a height of 316px so stretches the image if you don’t adjust it to the correct height, the width is correct. Secondly the logo is moved inwards to some random offset position that makes it look a little lost and out of place in the Header Area.
What CSS style do I need to change so that the Image Header height is either 176px or 214px, and also how to I align the logo back to the left, instead of being in a slightly weird offset position.
Here’s a screenshot of when the Header Image is hidden/disabled:
Here is a screenshot of when the Header Image is enabled:
I’ve tried to highlight the differences in height and position within the two examples.
The page I need help with: [log in to see the link]
- The topic ‘Apostrophe 2 Theme – Header Image problem’ is closed to new replies.