Support » Theme: Pilcrow » Expand and widen drop down menu

  • Resolved lkabor

    (@lkabor)


    Dear Kathryn,

    On my website, on the following page http://www.lisakaborycha.com/letters-of-renaissance-women/ I am trying to add about 20 more names of women writers.

    Since at the moment the column is so narrow, it takes 2 spaces, sometimes 3 to fit in a name. Is there a way to widen this drop down to fit more characters per line?

    Since scrolling is difficult when the drop down reaches out of sight, eventually I suppose the best thing to do once the list gets too long to fit on the screen, is to create a drop down alphabetical directory from this spot.

    Could you please explain what “landing pages” are and how I would go about creating them?

    Thanks so much!

    Lisa

Viewing 14 replies - 1 through 14 (of 14 total)
  • Moderator Kathryn

    (@zoonini)

    Automattic Happiness Engineer

    Could you please explain what “landing pages” are and how I would go about creating them?

    By “landing page” I just meant a static page with a list of your authors, with a link to their respective pages. 🙂

    For example, your dropdown menu could have these sub-menu items:

    Women A-F
    Women G-L
    Women M-Q
    Women R-Z

    Then you would create four pages, also titled Women A-F, Women G-L, Women M-Q, and Women R-Z

    On each page you would have a list of your women, perhaps in a bullet list.
    – Andrea
    – Belinda
    – Carmen
    etc.

    Each woman’s name would link to her page.

    In this way you wouldn’t need to add each woman as a new drop-down menu item.

    Moderator Kathryn

    (@zoonini)

    Automattic Happiness Engineer

    If you wanted to make the submenus wider you could try this in your custom CSS:

    #nav ul ul a {
        width: 250px;
    }

    Adjust the width as you like.

    Let me know how it goes!

    Dear Kathryn,

    The custom CSS worked like a charm – thanks!

    I am still working on creating the landing pages. I will let you know how that turns out.

    You are the greatest!

    Lisa

    Moderator Kathryn

    (@zoonini)

    Automattic Happiness Engineer

    Glad to hear the custom CSS worked, good luck with the rest!

    Dear Kathryn,

    Today I think I managed to do the landing page thing as you suggested. Take a look: http://www.lisakaborycha.com/ On the far right-hand side is the drop-down alphabetic list of women’s names. Is this what you meant? Do you have any suggestions for improvement?

    I do have one other small question for you:

    Yesterday while working on my site one of my pages froze up: http://www.lisakaborycha.com/3-back-to-the-future/
    It shows fine when you look at it online but I can’t get into it to edit it, the little circle just turns and turns when I try to load it. Do you have any idea what is causing this and what can be done?

    As always, thanks so much for your help!

    Lisa

    Moderator Kathryn

    (@zoonini)

    Automattic Happiness Engineer

    Is this what you meant?

    Yes, that’s what I meant, except without your new sub-menu listing the women individually. 🙂 It’s up to you whether you want to keep that or not, though.

    Yesterday while working on my site one of my pages froze up:

    I don’t know why that’s happening – have you tried clearing your browser cache? It’s possible a script is stuck in your browser, preventing the editor from fully loading on that page. Have you tried a different browser?

    Hi Kathryn,

    Yes, I did clear my browser cache. Then I tried changing from Chrome to Internet Explorer and the same thing happened. The little circle just keeps turning and turning and nothing loads.

    Any suggestions?

    Thanks!

    Lisa

    Moderator Kathryn

    (@zoonini)

    Automattic Happiness Engineer

    A good first troubleshooting technique for this sort of general problem is deactivating all your plugins temporarily. See if the issue goes away – if it does, reactivate your plugins one at a time until you find the culprit.

    Hi Kathryn,

    I tried your suggestion and temporarily deactivated all plugins. I lost all my custom CSS, which I had to re-enter. (Next time I will remember to copy those somewhere before deactivating CSS plug-in!)

    The problem is still there, however. There seems to be a bug in that particular page. What if I copied all the material from that page, deleted the page and created a new one? Is there a less dramatic solution you can think of?

    Thanks so much for any light you can shed on this!

    Best,

    Lisa

    Moderator Kathryn

    (@zoonini)

    Automattic Happiness Engineer

    Ugh – sorry you lost your custom CSS!

    I just noticed that you’re using both a child theme and a custom CSS plugin – you could move your custom CSS into the child theme and have one less plugin running, both aren’t needed.

    The problem is still there, however. There seems to be a bug in that particular page. What if I copied all the material from that page, deleted the page and created a new one? Is there a less dramatic solution you can think of?

    You can certainly try creating a new page. Before deleting the old one, though, make sure the new one works correctly.

    Since this doesn’t sound like a theme-related issue, another avenue would be to start a new thread to see if anyone may have other suggestions, in the general troubleshooting forum:

    How-To and Troubleshooting

    Dear Kathryn,

    Unfortunately I tried copying and pasting the information on a new page but I had then ha two non-functioning pages, not one!

    It is such a weird problem – I will take your advice and try the general forum.

    Thanks so much for all your help!

    Lisa

    Moderator Kathryn

    (@zoonini)

    Automattic Happiness Engineer

    Good luck, I hope you can find the culprit!

    Maybe there is something in your page content causing the issue. You could try:

    – flipping to Text/HTML view in the editor and see if you spot any stray code there, and remove it.
    – taking out chunks of content a bit a time, seeing if that solves it.

    Dear Kathryn,

    Well, I eventually resolved the problem by copying the page into a text document and pasting it onto a new page and re-inserting the images. I will probably never know what the exact problem was, but anyway it’s working fine now.

    Thanks for your help and support!

    Best,

    Lisa

    Moderator Kathryn

    (@zoonini)

    Automattic Happiness Engineer

    Glad you sorted it!

Viewing 14 replies - 1 through 14 (of 14 total)
  • The topic ‘Expand and widen drop down menu’ is closed to new replies.