• The Cobalt Apps Community Forum is for community interaction and assistance, but is not our official Cobalt Apps Product Support solution. If you need Cobalt Apps Product Support please contact our support team through the contact form found at the bottom of your "My Account" page.

Creating a top right menu button

#1
I wondered if it's possible, with the Cobalt tools, to build a top right menu button that is styled with color, a border and stands out from the other menu items on the navigation? I'm really not a coder, in fact terrible at it, yet the Cobalt tools have allowed me to do some powerful things to web design and marketing strategies within websites.

Please let me know. Thank you!
 

eric

Administrator
Cobalt Apps Developer
#2
I wondered if it's possible, with the Cobalt tools, to build a top right menu button that is styled with color, a border and stands out from the other menu items on the navigation? I'm really not a coder, in fact terrible at it, yet the Cobalt tools have allowed me to do some powerful things to web design and marketing strategies within websites.

Please let me know. Thank you!
Do you mean a button that sits INSIDE the Header Menu, as if it were one of the Header Menu page buttons, but sitting to the far right and uniquely styled? Or do you mean OUTSIDE the Header Menu, to the far-right of the Header area itself?
 

eric

Administrator
Cobalt Apps Developer
#6
I just created a screencast that shows you how to do this:


And here's the CSS code I used:
Code:
.right-menu-button {
    float: right !important;
}
.right-menu-button a {
    background: #ffa500;
    color: #fff;
}
.right-menu-button a:hover {
    background: #0059FF !important;
}
 
#7
Eric - I don't know what to say other than, THANK YOU!!:) That was kind of you and helpful! I would hope this video is helpful to others using your DWB! It's truly the Swiss Army knife of web design and coding!