Lifestyle Pro Custom Header scaling

Community Forums Forums Design Tips and Tricks Lifestyle Pro Custom Header scaling

This topic is: not resolved

This topic contains 4 replies, has 2 voices, and was last updated by  Steve@BHQ 9 months, 1 week ago.

Viewing 5 posts - 1 through 5 (of 5 total)
  • Author
    Posts
  • #75100

    Steve@BHQ
    Participant
    Post count: 94

    How can I have the custom headers for the Lifestyle Pro theme scale like the Modern Portfolio theme?

    LSP – Theme – http://stevenlatinofishing.com/
    Modern Portfolio theme – http://www.316design.com/

    Thank You,
    Steve

    #75167

    nutsandbolts
    Moderator
    Post count: 3115

    If you remove the header image from Appearance > Header, you can add it manually by putting this in your stylesheet:

    .site-title a {
    background: url(http://stevenlatinofishing.com/files/2013/10/HEADER-Steven-Latino.jpg) no-repeat !important;
    background-size: contain !important;
    }

    That will give you some padding issues to contend with, but it will force the header image to resize depending on browser width.


    Andrea Whitmer, Owner, Nuts and Bolts Media
    I provide dev and training services for web designers • Find me on Twitter and Google+

    #75266

    Steve@BHQ
    Participant
    Post count: 94

    Thank you, but it’s not something I want to do manually every-time I use this theme, which is a lot.
    I’d like it to work like the Modern Portfolio theme – http://www.316design.com/

    #75267

    nutsandbolts
    Moderator
    Post count: 3115

    I’m really not sure how to respond to that – you’re looking for a custom solution that would take quite a bit of development time. That’s not really an appropriate request for the support forums since we are unpaid volunteers… I would recommend hiring a dev if you need that functionality.


    Andrea Whitmer, Owner, Nuts and Bolts Media
    I provide dev and training services for web designers • Find me on Twitter and Google+

    #75284

    Steve@BHQ
    Participant
    Post count: 94

    Maybe I should have added this: I use this theme in a WPMS install on many sites of the WPMS install. I dont want to have to “add it manually” to the style sheet each time. That would also mean having to use a different copy of the theme for each website.

    Did you happen to look at the difference in the two sites and how the header images is scaling for smaller devices?

    When using the Modern Portfolio theme – http://www.316design.com/ I just add a custom header the same way we have for several theme versions but for some reason (I don’t know why) the way the header is scaling on the Lifestyle Pro theme is sort of odd. When viewed on smaller devices it has a large amount of space around the header.

    See attached. It appears the header is actually NOT scaling at all on the Modern Portfolio theme which is fine & what I’d like for the Lifestyle Pro theme.

    Also, I’ve been part of the Forums since the Revolution days and certainly understand & respect the volunteer help in the forums.

    image

    • This reply was modified 9 months, 1 week ago by  Steve@BHQ.
    • This reply was modified 9 months, 1 week ago by  Steve@BHQ.
Viewing 5 posts - 1 through 5 (of 5 total)

You must be logged in to reply to this topic.