Options

Menu Headlines

mikaelsvenssonmikaelsvensson Registered Users Posts: 5 Beginner grinner
edited December 15, 2015 in SmugMug Customization
How should I do to make a menu as http://prints.nicolesy.com
I would like to add PORTFOLIO and LINKS to my meny as well, http://mikaelsvensson.smugmug.com

Comments

  • Options
    mikaelsvenssonmikaelsvensson Registered Users Posts: 5 Beginner grinner
    edited December 14, 2015
    Menu Headlines
    Hi,

    I'm a beginner with Smugmug and would like make menu headlines (PORTFOLIO and LINKS) as this site, http://prints.nicolesy.com

    Is it possible to make a text content inside the menu?

    My site, mikaelsvensson.smugmug.com

    Regards,

    Mikael
  • Options
    ChancyRatChancyRat Registered Users Posts: 2,141 Major grins
    edited December 14, 2015
    I think the pale blue PORTFOLIO and LINKS, are either Text content blocks, or HTML content blocks. The order may be:

    HTML block for PORTFOLIO
    Menu block for links underneath this
    HTML block for LINKS
    Menu block for links underneath.
  • Options
    mikaelsvenssonmikaelsvensson Registered Users Posts: 5 Beginner grinner
    edited December 14, 2015
    But I can't put any text or html blocks inside the menu.

    ChancyRat wrote: »
    I think the pale blue PORTFOLIO and LINKS, are either Text content blocks, or HTML content blocks. The order may be:

    HTML block for PORTFOLIO
    Menu block for links underneath this
    HTML block for LINKS
    Menu block for links underneath.
  • Options
    ChancyRatChancyRat Registered Users Posts: 2,141 Major grins
    edited December 14, 2015
    You don't put them inside the menu, they are separate blocks placed one after the other. You would end up using two menu blocks, not just one, so you can insert an HTML block between the two menus.
  • Options
    denisegoldbergdenisegoldberg Administrators Posts: 14,251 moderator
    edited December 14, 2015
    I haven't tried this but it may be possible to nest the menu content items under two different menu elements by creating menu entries for the two outer menu items and then dragging the menu items under each master / outer menu item to the right. Don't put a link on the outer entries.

    This page might be helpful - http://help.smugmug.com/customer/portal/articles/1222523. It's not quite what you are after but it does show dragging menu items right to nest them.

    It's probably worth a try before you start using multiple content blocks.

    --- Denise
  • Options
    mikaelsvenssonmikaelsvensson Registered Users Posts: 5 Beginner grinner
    edited December 15, 2015
    ChancyRat wrote: »
    You don't put them inside the menu, they are separate blocks placed one after the other. You would end up using two menu blocks, not just one, so you can insert an HTML block between the two menus.

    That worked as I wished. Thank you!!!
  • Options
    ChancyRatChancyRat Registered Users Posts: 2,141 Major grins
    edited December 15, 2015
    Good!
    By the way, you *could* work with only one Menu block. You can add a link that has no URL, and type in the text that you want as the title. It would be non-clickable. The limitation is that you can't control the typeface formatting for those - they would match the rest of the links.
  • Options
    AllenAllen Registered Users Posts: 10,012 Major grins
    edited December 15, 2015
    The type face probably could be modified with CSS for the non-URL text using child(n).
    Al - Just a volunteer here having fun
    My Website index | My Blog
  • Options
    ChancyRatChancyRat Registered Users Posts: 2,141 Major grins
    edited December 15, 2015
    Allen wrote: »
    The type face probably could be modified with CSS for the non-URL text using child(n).

    Inside a menu block? Isolate only a couple of (non-link) headers for formatting?
  • Options
    AllenAllen Registered Users Posts: 10,012 Major grins
    edited December 15, 2015
    ChancyRat wrote: »
    Inside a menu block? Isolate only a couple of (non-link) headers for formatting?
    This seems to work for the third across.

    .sm-page-widget-nav-horizontal li:nth-child(3) a {
    color:yellow !important
    }
    Al - Just a volunteer here having fun
    My Website index | My Blog
Sign In or Register to comment.