Hero Image Gets Much Smaller After Adding Logo

  • Author
    Posts
  • #134718
    christinemc2
    Member

    Hi, thanks for your help in the past. My present issue is that when I add a logo image (through Site Identity in the customizer) it alters my hero image — just on the homepage. It makes it much smaller and cuts off important parts. I would like to keep it at the larger size. Any suggestions for CSS or other setting to make that happen?

    Here is a before: https://www.dropbox.com/s/huap2mlop4nwu07/Screenshot%202018-09-09%2023.50.00.png?dl=0

    And after I just add a logo, nothing more, here is the after: https://www.dropbox.com/s/pd1ny50vtlrup0u/Screenshot%202018-09-09%2023.49.07.png?dl=0

    FYI: here is the relevant CSS code I have customized right now:

    #hero {
    padding: 600px 0;
    }

    .hero .site-header {
    background-color: rgba(255,255,255);
    }

    .site-header {
    background-color: rgba(255,255,255);
    }

    #page-hero img {
    width: 100%;
    height: 100%;
    }

    .main-navigation .current_page_item>a, .main-navigation .current-menu-item>a, .main-navigation .current_page_ancestor>a {
    color: #333333;
    }

    .site-header .main-navigation a {
    border-bottom-color: #615589;
    color: #333333;
    }

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

    #134723
    mkrdip
    Theme Author

    Hi there,

    Change this part of the code to get it to work.

    #hero {
        padding: 600px 0 !important;
    }

    Cheers

    #134738
    christinemc2
    Member
    Original poster

    Works great. Thanks. I didn’t know the !important code was important …. Now I get it.

    #134850
    mkrdip
    Theme Author

    You are welcome.

    Cheers.

  • The topic ‘Hero Image Gets Much Smaller After Adding Logo’ is closed to new replies.