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.