Make Top Menu Full Width and Translucent

[ericghanson]

Hi,

Your theme is great! I would like to make the Top Menu full width and translucent (similar to the design for Uber’s top menu: see http://uber.com). I have searched the help forum and have not found a fix. Is this possible with a simple css line?

Thanx.

[Abe]

Hi, Sorry for the late reply. We tried to make something quick using CSS but it requires more than just a small code snippet.
Here is a starting point:

COPY CODE

.contain-to-grid .top-bar {
    max-width: 100%;
}
.sticky.fixed {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0.2);
    height: auto;
    padding: 20px;
}
.top-bar ul.left {
    float: right;
}

Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution

---
@ SeventhQueen we do our best to have super happy customers. Thanks for being our customer.

[Author]

Posts