Forums

Give help. Get help.

  • # November 10, 2017 at 12:20 pm

    I am a novice at best when it comes to CSS. Typically, I can tweak things but I am stumped on this one. I am trying to enlarge the main logo in the upper left on this site: http://www.chwevents.org/site/TR?pg=entry&fr_id=1191

    The image itself is much larger than what the page is displaying and for the life of me I can’t figure out what in the CSS is controlling how large the logo displays. I’ve found where the size of the logo for mobile view is specified but can’t figure out how to enlarge the logo for desktop view.

    The HTML for the page wrapper and the CSS can be viewed here: https://drive.google.com/file/d/1VVWd7YBqpo5c8mJh1IQ0xA-iEg_bDKTb/view?usp=sharing

    Any help is greatly appreciated.

    # November 11, 2017 at 2:34 am

    Hi,

    I maybe what you want is this; sorry if not

    .container {
    position: relative;
    width: 100%;
    /* max-width: 1044px; */ <—- remove this
    margin: 0 auto;
    box-sizing: border-box;
    }

    //add this to control image size
    a.navbar-logo img {
    width: 422px;
    }

Viewing 2 posts - 1 through 2 (of 2 total)

You must be logged in to reply to this topic.

icon-anchoricon-closeicon-emailicon-linkicon-logo-staricon-menuicon-nav-guideicon-searchicon-staricon-tag