Premium Theme Support › We Cobble › Business Identity

Logo and Menu

  • Author
    Posts
  • #144896
    natepeters
    Member

    Hello,

    I need help figuring out the custom code for two things for this website: https://k20wa.org/.

    1.) I would like to make the logo larger. I tried to use the code given in other posts and it hasn’t worked.

    2.) Is there code to make the menu sticky? When I added custom code, it took all of the menu but not the site logo area.

    Thank you!

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

    #144966
    mkrdip
    Theme Author

    Hi there,

    1) Make sure your title is showing and then try following CSS codes as an example.

    .site-title img {
    display: none;
}
.site-title a span:first-child {
    background: url( 'https://businessidentitydemo.files.wordpress.com/2014/08/sample-logo.png' );
    display: inline-block;
    height: 50px;
    width: 200px;
    text-indent: -9999em;
    background-repeat: no-repeat;
    background-position: center center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}

    2) CSS codes won’t be enough to menu sticky, you need to install plugins which isn’t possible as you aren’t a Business plan user.

    Please let me know if you have any other questions.

    Cheers

    #145065
    natepeters
    Member
    Original poster

    Thank you! I figured out how to get everything showing correctly except the spacing.

    What code do I need to use to move the navigation bar links to the left closer to the logo? I tried to change the ‘text-indent’ code that you provided and that didn’t do anything.

    Thanks again for your help!

    #145709
    natepeters
    Member
    Original poster

    Last question– What code do I need to use to move the navigation bar links to the left closer to the logo? I added code that fixed the positioning of the buttons but threw off the standard indentation of the drop down menus on the monitor size screen.

    Thanks again for your help!

    #146315
    mkrdip
    Theme Author

    Hi there,

    Please use customize following CSS codes that you have to reduce the spacing of the dropdown menu items:

    @media only screen and (min-width: 800px) {
.main-navigation ul ul>li {
    padding-left: 17px;
    padding-right: 17px;
}
}

    Cheers

  • The topic ‘Logo and Menu’ is closed to new replies.