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: Uplift
• February 20, 2017 at 11:46 pm #314517
  winterjd23

  Member

  Post count: 5

  Hi– I’d like some guidance on how to fine-tune the menu a bit. I have two issues:

  1.) I’d like to increase the width of the flyout menu (not megamenu) so that my subitems don’t wrap to two lines (eg. “InsiteCommerce Engine” on one line in the screenshot).
  2.) Using the “button” styling option, the text is not centered. Can you help me figure how to center the text in the button?

  Example of both in the attached screenshot.

  Thanks!

  Attachments:

  You must be logged in to view attached files.
  February 21, 2017 at 11:59 am #314566
  David Martin – Support

  Moderator

  Post count: 20834

  Will need a site URL.

  February 21, 2017 at 3:39 pm #314603
  winterjd23

  Member

  Post count: 5

  Unfortunately our IT department has the dev site IP-restricted, so that won’t help us here. Can you give any pointers on how to generally style/change those components?

  February 21, 2017 at 4:44 pm #314625
  Rui Guerreiro – SUPPORT

  Keymaster

  Post count: 25779

  Hi,

  Without seeing the url it makes it more difficult to us to simulate the same situation.
  Try to add the code below to your custom css option inside the theme options.

  Adjust to the desired width:

  nav .mega-menu ul.mega-sub-menu li.mega-menu-item>a, nav .mega-menu ul.mega-sub-menu li>span, nav.std-menu ul.mega-sub-menu {
       width: 250px!important;
  }

  for the button it’s difficult to tell but try to play around with the line height value.

  #header .std-menu ul.mega-menu > li > a.sf-button > span, #header .std-menu ul.menu > li > a.sf-button > span {
      line-height: 52px;
  }

  -Rui

  February 23, 2017 at 4:04 pm #314868
  winterjd23

  Member

  Post count: 5

  Hi Rui– The menu width CSS worked perfectly, thanks!

  The button fix CSS did not work, and I understand you’d be shooting in the dark without access to the site, so I’ll have someone else take a look, or re-address once live.

  Thanks!

  February 23, 2017 at 4:11 pm #314870
  Rui Guerreiro – SUPPORT

  Keymaster

  Post count: 25779

  no problem,let us know.
  If you have it online it will be fast to sort it we just need a couple minutes.

  -Rui

• Back to forum

  Posted in: Uplift