Options

Navbar dropdown appearance

JamesbjenkinsJamesbjenkins Registered Users Posts: 435 Major grins
edited August 22, 2013 in SmugMug Customization
Hey all, I'm really hating the look of the navbar dropdown links, the way it throws a box out to the side with a different background.

Screen Shot 2013-08-10 at 11.24.26 AM.png

All I want to for the dropdown link to fly down from its parent, in the same look and formatting as its parent, right underneath its parent. If I have 3 sublinks, I want all three of them to fly down together with the same formatting as their parent.

This should be default and extremely easy to do. I can't figure out any way to do that without using special CSS.

Help?
Website: www.captured-photos.com
Proofing: clients.captured-photos.com
Facebook: Like Me || Twitter: Follow Me
Gear: Lots of Nikon bodies & glass, an office full of tools and toys

Comments

  • Options
    JamesbjenkinsJamesbjenkins Registered Users Posts: 435 Major grins
    edited August 10, 2013
    Hello?
    Website: www.captured-photos.com
    Proofing: clients.captured-photos.com
    Facebook: Like Me || Twitter: Follow Me
    Gear: Lots of Nikon bodies & glass, an office full of tools and toys
  • Options
    Sir_EagleSir_Eagle Registered Users Posts: 137 Major grins
    edited August 11, 2013
    This is what I used to change mine a bit. Add it to a css box for the entire site.
    /*CHANGE SIZE AND COLOR OF DROPDOWN MENU BOXES*/
    .yui3-menu-item>.yui3-menu-label {
    padding: 1px 46px 2px 22px;
    background-color: rgba(90, 90, 90, .99);
    font-size: 16px;
    }
  • Options
    Sir_EagleSir_Eagle Registered Users Posts: 137 Major grins
    edited August 11, 2013
    Changing the rgba numbers will change the color. You can google what numbers make what color.
  • Options
    JamesbjenkinsJamesbjenkins Registered Users Posts: 435 Major grins
    edited August 11, 2013
    Thanks for the input, but this does nothing to affect the style of the flyout (i.e. the ugly box, covering up content on the page) all I want is a fly out that brings the sublinks straight down from the parent. Same style and formatting. The current default looks awful and amateur.

    I had all this setup via javascript on my legacy site, but we all know that answer is gone now.

    Can I get some word from a hero or mod on this please?
    Website: www.captured-photos.com
    Proofing: clients.captured-photos.com
    Facebook: Like Me || Twitter: Follow Me
    Gear: Lots of Nikon bodies & glass, an office full of tools and toys
  • Options
    RichmondImageRichmondImage Registered Users Posts: 65 Big grins
    edited August 12, 2013
    Yeah sorry to keep blowing this up all over this board, but I would really like to make the flout menu transparent... any ideas?
  • Options
    Ryan CaryRyan Cary Registered Users Posts: 2 Beginner grinner
    edited August 22, 2013
    Same Question
    I would like to know the answer to this as well. I have considered changing to a different website service because of this problem with the new site. If anyone can offer a solution it would be much appreciated. I think the sublink appearance is pretty bad as it stands.

    Thanks,
    Ryan
  • Options
    JamesbjenkinsJamesbjenkins Registered Users Posts: 435 Major grins
    edited August 22, 2013
    Ryan Cary wrote: »
    I would like to know the answer to this as well. I have considered changing to a different website service because of this problem with the new site. If anyone can offer a solution it would be much appreciated. I think the sublink appearance is pretty bad as it stands.

    Thanks,
    Ryan

    Ryan, the simple solution is to change the menu style to accordion. It's one of the options in the dropdown on the layout of the navbar in the customizer.
    Website: www.captured-photos.com
    Proofing: clients.captured-photos.com
    Facebook: Like Me || Twitter: Follow Me
    Gear: Lots of Nikon bodies & glass, an office full of tools and toys
  • Options
    Hikin' MikeHikin' Mike Registered Users Posts: 5,458 Major grins
    edited August 22, 2013
    Ryan, the simple solution is to change the menu style to accordion. It's one of the options in the dropdown on the layout of the navbar in the customizer.

    I was going to take a look at your site, but your URL doesn't work. ne_nau.gif
  • Options
    David_S85David_S85 Administrators Posts: 13,189 moderator
    edited August 22, 2013
    I was going to take a look at your site, but your URL doesn't work. ne_nau.gif

    Same here. Your site comes up, but galleries cause a 404.
    My Smugmug
    "You miss 100% of the shots you don't take" - Wayne Gretzky
  • Options
    einateinat Registered Users Posts: 193 Major grins
    edited August 22, 2013
    David_S85 wrote: »
    Same here. Your site comes up, but galleries cause a 404.

    Me too.

    This is a link from you menu: [URL]http:///portfolio/weddings[/URL]
    where is should be: http://www.captured-photos.com/Portfolio/Weddings , which does work.

    Did you manually enter the links?
    you somehow deleted a part of the URL
    AND
    the links are now case sensitive (which, IMHO, is the single most stupid thing with the new SM).
Sign In or Register to comment.