Triton Lite: how to resize header image without cropping/displacing menu

  • Unknown's avatar
    jacketbooks · Member ·

    Hi there,

    Just looking for some help with changing the header size for the Triton Lite theme please. I thought I had done it correctly by resizing the dimensions in the CSS but it then looked like the bottom half of the image was cropped – I’ve reverted to the default upload for the time being. The navigation menu also moved and everything was overlapping – featured images were overlaid with the menu navigation bar.

    I’m ideally looking to have:
    1. Header image – smaller height but as close to full width as possible without being stretched.
    2. A navigation menu with only one divider between it and the posts.

    Any help would be great!

    Thanks in advance.

    The blog I need help with is: (visible only to logged in users)

  • eurello · Staff ·

    Hi there – Your header image looks correct to me now. I’m not sure exactly how you want it to appear. You can hide the borders around the menu bar with the following CSS: 

    #access {
border: none;
}

    Or the line below that with this CSS: 

    .lay1 > div, #posts .post-content, #header {
border: none;
}

    If you’d like additional help with how to change the header image area using CSS, please ask the experts in the CSS Customization forum here:
    https://en.forums.wordpress.com/forum/css-customization

  • The topic ‘Triton Lite: how to resize header image without cropping/displacing menu’ is closed to new replies.