• Locked
1 reply [Last post]
Tue, 2016-02-02 04:59
andyg1122
andyg1122's picture
Offline
newbie
Last seen: 6 years 20 weeks ago
Timezone: GMT-5
Joined: 2016-02-02
Posts: 2
Points: 3

How do I make my Navigation bar stretch are from one side of the browser to the other? Currently it cuts off at the website margins.

Menu 1 Title

Menu 2 Title

Menu 3 Title

display_promotions

content_area

/* ############################### TOP NAVIGATION ############################### */
#horznav ul {
list-style-type: none;
margin: 0px;
padding: 0px;
width: 100%;
overflow: hidden;
background-color: #333;
position: relative;
top: 225px;
left: 0px;
}

#horznav li {
float: left;
border-right:1px solid #bbb;
}

#horznav li:last-child {
border-right: none;
}

#horznav li a {
display: inline-block;
color: white;
text-align: center;
padding: 14px 16px;
text-decoration: none;
}

#horznav li a:hover:not(.active) {
background-color: #111 repeat-x;
}

#horznav .active {
background-color: #4CAF50;
}

#horznav ul li a#horznav_end {background:none;}

Please help, i have tried everything! Thank you,
Andy

Top
Tags:
Tue, 2016-02-02 05:01
#1
andyg1122
andyg1122's picture
Offline
newbie
Last seen: 6 years 20 weeks ago
Timezone: GMT-5
Joined: 2016-02-02
Posts: 2
Points: 3

Sorry HTML is here:CODE 

    <!-- ==================== UL LAYOUT ==================== -->
    <div id="horznav">
      <ul>
        <li><a href="Config_FullStoreURLdefault.asp">Home</a></li>
        <li><a href="Config_FullStoreURLAboutUs.asp">About Us</a></li>
        <li><a href="Config_FullStoreURLhelp.asp">Help</a></li>
        <li><a href="mailto:Config_EmailAddress_From?subject=Contact%20Us" id="horznav_end">Contact Us</a></li>
      </ul>
    </div>
  </div>
</div>

//mod edit: [code][/code] tags added~gt

Top
  • Locked