ATTENTION, PLEASE READ: New topic creation is disabled, as we have moved to a new support system. Your existing topics will remain, but for all new requests you will need to use the new system. Click here to go to the new support request form.

• Back to forum

  Posted in: Joyn
• September 9, 2015 at 7:32 am #211551
  mhote

  Member

  Post count: 394

  Hi guys

  Trying to get our mega menu look like the demo. See ‘services’ tab on listed website please.

  1) Keen to get it like: http://dante.swiftideas.com/ and the hover over ‘shortcodes’ style.

  Tried to edit sub-menu margin-top etc… but on Joyn, this submenu doesn’t seem to have top padding?

  2) Any way to integrate images into menu also, or just icon codes? Like dante shop tab hover

  Thank you!

  September 10, 2015 at 1:32 pm #211999
  David Martin – Support

  Moderator

  Post count: 20834

  Hi,

  This is tricky being that Dante and Joyn are different themes, there will be small discrepancies between both.

  1) Could you be more specific as to what you want? Ex: cons before the menu links? Or the visual aspect, lighter borders ect?

  2) This is controlled with an CSS position, ex:

  .full-center nav li.menu-item.sf-mega-menu>ul.sub-menu, .full-center .ajax-search-wrap {
      top: 50px!important;
  }

  3) If you have enabled the Mega Menu, you can insert custom HTML into a menu item “Custom HTML Column (within Mega Menu)”.

  If you have a mockup available or wireframe, I can try and help more specifically.

  Thanks,
  David.

  September 10, 2015 at 1:58 pm #212005
  mhote

  Member

  Post count: 394

  This reply has been marked as private.
  September 11, 2015 at 1:24 pm #212305
  David Martin – Support

  Moderator

  Post count: 20834

  Hi,

  Sure, please use this to help you with your queries.

  Align to top of slider:

  .full-center nav li.menu-item.sf-mega-menu>ul.sub-menu, .full-center .ajax-search-wrap {
      top: 90px!important;
  }

  Change border colors:

  nav .menu ul.sub-menu li,
  li.menu-item.sf-mega-menu>ul.sub-menu>li,
  li.menu-item.sf-mega-menu>ul.sub-menu>li {
      border-top-color: #cccccc!important;
  }

  Change font colors:

  nav .menu ul.sub-menu li.menu-item>a, 
  nav .menu ul.sub-menu li>span, 
  nav.std-menu ul.sub-menu {
      color: red!important;
  }
  
  nav .menu ul.sub-menu li.menu-item>a:hover {
      color: green!important;
  }

  The only query I was not sure on was the “white space” issue. Could you screenshot this?

  – David.

  September 12, 2015 at 12:58 am #212447
  mhote

  Member

  Post count: 394

  This reply has been marked as private.
  September 14, 2015 at 8:43 am #212591
  mhote

  Member

  Post count: 394

  This reply has been marked as private.
  September 15, 2015 at 10:23 am #213069
  David Martin – Support

  Moderator

  Post count: 20834

  Hey,

  Could you add the Google Authenticator code?

  On the main parent menu item, can you select the option: “Natural Width Mega Menu”.

  Thanks,
  David.

  September 15, 2015 at 10:28 am #213073
  mhote

  Member

  Post count: 394

  This reply has been marked as private.
  September 15, 2015 at 4:34 pm #213238
  David Martin – Support

  Moderator

  Post count: 20834

  When I try to login, there is a 3rd security check “Google Authenticator”. It requires a code to login.

  I’ll need to login to investigate this further and quicker.

  – David.

  September 15, 2015 at 10:47 pm #213349
  mhote

  Member

  Post count: 394

  This reply has been marked as private.
  September 16, 2015 at 4:20 pm #213728
  David Martin – Support

  Moderator

  Post count: 20834

  Hi,

  Please take a look now.

  If you need to alter the horizontal position we can adjust that using:

  li.services-custom>ul.sub-menu {
      -webkit-transform: translateX(-74%);
      -moz-transform: translateX(-74%);
      -o-transform: translateX(-74%);
      transform: translateX(-74%);
  }

  Thanks,
  David.

  September 16, 2015 at 11:16 pm #213887
  mhote

  Member

  Post count: 394

  This reply has been marked as private.
  September 17, 2015 at 3:04 am #213899
  mhote

  Member

  Post count: 394

  This reply has been marked as private.
  September 17, 2015 at 9:23 am #213990
  Rui Guerreiro – SUPPORT

  Keymaster

  Post count: 25779

  Hi,

  Add the code below

  .full-center .header-4 .fw-header .float-menu li.menu-item.sf-mega-menu>ul.sub-menu {
      right: inherit!important;
  }

  Hope it helps.

  -Rui

  September 17, 2015 at 9:27 am #213993
  mhote

  Member

  Post count: 394

  This reply has been marked as private.
• Back to forum

  Posted in: Joyn