Where to change width of drop-down-menu in top navigation?

  • Resolved jadi100

    (@jadi100)


    9 years, 2 months ago

    Hi,
    i would like to modify the width of the drop-down-menus of the top-navigation (the boxes). I want a smaller font size, so they are now to wide. With the inspector I figured out that its defined somewhere by inline-css (width:18em), but could not locate the file where to change it.

    The html-row:
    <ul class=”sub-menu” style=”float: none; width: 18em; display: none;”>

    Thanks for a hint!
    Best regards

Viewing 4 replies - 1 through 4 (of 4 total)

  • Hey there jadi100,

    How are you doing today?

    This is something that could be done with some custom CSS. Would you mind posting link to your site where I can see it and I’ll be more then happy to try to assist with some CSS code ??

    Cheers,
    Bojan

    Thread Starter jadi100

    (@jadi100)

    Hi,

    its inline-css, so it as a higher priority than external or internal “within head”-css. I am not an expert, but it might be difficult to simply overwrite it by some custom-css.
    But perhaps I don’t understand the mechanism yet.
    My site it not online so far. I’ll launch it, when everything works.

    Thanks anyway!

    Thread Starter jadi100

    (@jadi100)

    Hi again,
    it is however custom css! You are right, Bojan. I found a solution:

    #custom #top-navigation .sf-menu ul { width:13em !important; }

    It has something to do with the superfish-plugin in jquery.
    I don’t understand it, but that’s ok for know. Step by step.
    Regards.

    Hey again jadi100,

    Glad you managed to figure that out ??

    If the width of that submenu is calculated by js and added inline the only way to override that with CSS is to actually use !important declaration as you did there.

    Have a great day!

    Cheers,
    Bojan

Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘Where to change width of drop-down-menu in top navigation?’ is closed to new replies.