Dropdown menu issue

  • Hi everyone again,

    I’m wondering if there is anyway around the following –

    Currently, the boxes of my dropdown menus are right aligned to its parent, causing the first dropdown option to fall off the page (thus making the submenu titles illegible). I find it doesn’t matter what I do with the text, it still cuts off.

    Is there anyway to have the drop down box align from the left border to its parent or is there some other way I can eliminate the problem?

    Website is: spiritualguidanceaustralia.com

    Many thanks! ??

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

  • I’m not sure I understand the problem.
    This is what I see on my screen:
    https://www.awesomescreenshot.com/image/1729147/8d456ab8f75b9fbaf280c6741a90524f
    Mind to explain or show a screen-grab please

    Thread Starter kalecity

    (@kalecity)

    Hey, thanks for your response! Apologies for not explaining it properly.

    Here’s a screenshot:
    https://spiritualguidanceaustralia.com/wp-content/uploads/Screen-Shot-2016-10-19.jpg

    The main problem is that you can not read the whole line of the submenu titles. I feel like moving the alignment of the dropdown should fix this.

    Else, is there a way perhaps make long titles break up over two lines as opposed to one super long line as it current is?

    Cheers.

    try this code into your child-theme folder style.css

    nav.top-bar .sub-menu li > a {
    box-sizing: content-box;
}

    there is a way to break words into the menu items but it requires some work and maybe it gives side-effects.
    I don’t know this theme, I don’t even know why I receive notifications about it.

    Hope it helps

    • This reply was modified 8 years, 1 month ago by Giorgio25b. Reason: code typo

    Anyway, some of your menu items are really a sentence and that is not really common.
    You can shorten up the name for the menu item and still keep the page/post title that long.
    In the menu settings you can change the label of the menu item, so it fits and it is also more user friendly on mobile.

    Bye

    Thread Starter kalecity

    (@kalecity)

    Great, thanks for your suggestions, I’ll give the code a whiz and hopefully that’ll fix it, if not, for sure I will consider the other options mentioned.

    Appreciate your help! Thanks heaps again.

Viewing 5 replies - 1 through 5 (of 5 total)
  • The topic ‘Dropdown menu issue’ is closed to new replies.