What can we do to make it easier to design with Wild Apricot?

Menu Height

Hi

Can anyone advise me on how to change menu height. I tried changing the placeholder height but that did not work.

White Space Clear Light theme.

0 votes
Sign in
(thinking…)
Sign in with: facebook google
Signed in as (Sign out)

We’ll send you updates on this idea

Biz55 shared this idea  ·   ·  Flag idea as inappropriate…  ·  Admin →

3 comments

Sign in
(thinking…)
Sign in with: facebook google
Signed in as (Sign out)
Submitting...
  • Konstantin commented  ·   ·  Flag as inappropriate

    Hi,

    You can use this code:

    .WaGadgetMenuHorizontal .menuInner ul.firstLevel > li > .item > a { padding-top: 10px; padding-bottom: 10px; }

    Just add this to CSS customization window. That will decrease paddings from original (20px) to 10px. I advise you not to reduce it even more, it could mess with functionality.

    Is that what you wanted to do?

  • Biz55 commented  ·   ·  Flag as inappropriate

    Thanks.

    I was hoping to DECREASE the menu height, reducing the distance between text and horizontal borders. Is that possible ?

  • Konstantin commented  ·   ·  Flag as inappropriate

    Hi,

    White Space Clear light theme has white menu to match overall background, so in your case I advise to add vertical margins or paddings to gadget itself and increase Font size in "Colors and Styles". This will visually increase overall size of the menu .

    That is if I got you right.

Feedback and Knowledge Base