• Website: Seven Glaciers.

    Question 1: Why aren’t my nav images linked, and how can I link them?

    Question 2: How do I move them inline horizontally where they’re supposed to be? I tried changing the “background-position:” property and it wouldn’t budge. thank you!

    Here’s the code:

    /* Navigation */
    
    nav.mainMenu ul li {
    	display: inline;
    	list-style: none;
    	margin-right: 20px;
    }
    nav.mainMenu ul {
    	padding: 0px;
    }
    nav.mainMenu li.page-item-28 {
    	display:block; height:20px; width:45px; padding:0px; margin-left:0px; outline:none; text-indent:-9999px;
    	background-image:url('https://blog.sevenglaciers.com/wp-content/Images/Shop.png'); background-position:0 0;
    }
    nav.mainMenu li.page-item-24 {
    	display:block; height:20px; width:123px; padding:0px; margin-left:0px; outline:none; text-indent:-9999px;
    	background-image:url('https://blog.sevenglaciers.com/wp-content/Images/Chrome-Trails.png'); background-position:0 0;
    }
    nav.mainMenu li.page-item-26 {
    	display:block; height:20px; width:55px; padding:0px; margin-left:0px; outline:none; text-indent:-9999px;
    	background-image:url('https://blog.sevenglaciers.com/wp-content/Images/About.png'); background-position:0 0;
    }
    nav.mainMenu li.page-item-29 {
    	display:block; height:19px; width:67px; padding:0px; margin-left:0px; outline:none; text-indent:-9999px;
    	background-image:url('https://blog.sevenglaciers.com/wp-content/Images/Twitter.png'); background-position:0 0;
    }
    nav.mainMenu li.page-item-31 {
    	display:block; height:20px; width:70px; padding:0px; margin-left:0px; outline:none; text-indent:-9999px;
    	background-image:url('https://blog.sevenglaciers.com/wp-content/Images/Contact.png'); background-position:0 0;
    }
    nav.mainMenu li.page-item-32 {
    	display:block; height:20px; width:102px; padding:0px; margin-left:0px; outline:none; text-indent:-9999px;
    	background-image:url('https://blog.sevenglaciers.com/wp-content/Images/Glaciercast.png'); background-position:0 0;
    }
    nav.mainMenu li.page-item-45 {
    	display:block; height:20px; width:31px; padding:0px; margin-left:0px; outline:none; text-indent:-9999px;
    	background-image:url('https://blog.sevenglaciers.com/wp-content/Images/RSS.png'); background-position:0 0;
    }
    nav.mainMenu li.page-item-33 {
    	display:block; height:20px; width:40px; padding:0px; margin-left:0px; outline:none; text-indent:-9999px;
    	background-image:url('https://blog.sevenglaciers.com/wp-content/Images/Join.png'); background-position:0 0;
    }/* Navigation */
    
    nav.mainMenu ul li {
    	display: inline;
    	list-style: none;
    	margin-right: 20px;
    }
    nav.mainMenu ul {
    	padding: 0px;
    }
    nav.mainMenu li.page-item-28 {
    	display:block; height:20px; width:45px; padding:0px; margin-left:0px; outline:none; text-indent:-9999px;
    	background-image:url('https://blog.sevenglaciers.com/wp-content/Images/Shop.png'); background-position:0 0;
    }
    nav.mainMenu li.page-item-24 {
    	display:block; height:20px; width:123px; padding:0px; margin-left:0px; outline:none; text-indent:-9999px;
    	background-image:url('https://blog.sevenglaciers.com/wp-content/Images/Chrome-Trails.png'); background-position:0 0;
    }
    nav.mainMenu li.page-item-26 {
    	display:block; height:20px; width:55px; padding:0px; margin-left:0px; outline:none; text-indent:-9999px;
    	background-image:url('https://blog.sevenglaciers.com/wp-content/Images/About.png'); background-position:0 0;
    }
    nav.mainMenu li.page-item-29 {
    	display:block; height:19px; width:67px; padding:0px; margin-left:0px; outline:none; text-indent:-9999px;
    	background-image:url('https://blog.sevenglaciers.com/wp-content/Images/Twitter.png'); background-position:0 0;
    }
    nav.mainMenu li.page-item-31 {
    	display:block; height:20px; width:70px; padding:0px; margin-left:0px; outline:none; text-indent:-9999px;
    	background-image:url('https://blog.sevenglaciers.com/wp-content/Images/Contact.png'); background-position:0 0;
    }
    nav.mainMenu li.page-item-32 {
    	display:block; height:20px; width:102px; padding:0px; margin-left:0px; outline:none; text-indent:-9999px;
    	background-image:url('https://blog.sevenglaciers.com/wp-content/Images/Glaciercast.png'); background-position:0 0;
    }
    nav.mainMenu li.page-item-45 {
    	display:block; height:20px; width:31px; padding:0px; margin-left:0px; outline:none; text-indent:-9999px;
    	background-image:url('https://blog.sevenglaciers.com/wp-content/Images/RSS.png'); background-position:0 0;
    }
    nav.mainMenu li.page-item-33 {
    	display:block; height:20px; width:40px; padding:0px; margin-left:0px; outline:none; text-indent:-9999px;
    	background-image:url('https://blog.sevenglaciers.com/wp-content/Images/Join.png'); background-position:0 0;
    }

    Link To Stylesheet

Viewing 2 replies - 1 through 2 (of 2 total)
Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘2 Questions About My Nav Bar’ is closed to new replies.