menu bar (nav bar) – change word to image how to redirect to respective pgs

  • Unknown's avatar
    brausgis · Member ·

    Hi,

    I’m a beginner, first time CSS anything.

    I was wondering if its possible to change the words ‘home’ on the menu bar (nav bar) to a logo? I can’t seem to do it in the settings area, perhaps its possible through CSS configuration?

    Also, for some reason, when I have sub pages, the main page is not clickable (can’t click it to direct to its respective page) on the menu bar, which is really strange. Is there a way to fix this?

    Please help. Appreciate any CSS help. Thank you! :)

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

  • staff-happychia · Staff ·

    I was wondering if its possible to change the words ‘home’ on the menu bar (nav bar) to a logo?

    Add this CSS and let me know if you like the result. You will have to upload the logo image to your Media Library and reference it once you like the result. I will let you know how. 

    li#menu-item-10 a {
	text-indent: -9999px;
	background: url('https://chaittestpress.files.wordpress.com/2015/03/final-logo-e1427540524769.png') no-repeat;
 	width: 50px;
 	margin-top: 10px;
 	margin-left: 10px;
}

    Also, for some reason, when I have sub pages, the main page is not clickable (can’t click it to direct to its respective page) on the menu bar, which is really strange. Is there a way to fix this?

    I notice this is happening in the Arcade theme demo page as well, here: https://arcadedemo.wordpress.com/full-width-page/

    This seems to be a bug to me. I will confirm and let you know :-)

  • The topic ‘menu bar (nav bar) – change word to image how to redirect to respective pgs’ is closed to new replies.