How can I eleminate drop downs in Twenty Ten?

  • Hi,

    I hope you can help me.
    I have a twentyten theme and I am trying to make it look like a website.
    Here’s a link to my site:
    http://www.alqueseva.com

    I don’t want a parent page to display a dropdown menu when I browse the mouse over it (mainly because I have so many child pages under a same parent page that when the dropdown menu is displayed it looks very awkward) – a good example can be seen if you browse the mouse over the ‘poesía’ parent page in my site.

    Instead, I want to eliminate dropdown menus and have links within my parent page to hidden child pages. I have tested this with another site I am putting together, also with a twentyten theme:

    http://www.davidjfranco.com

    I have done this by creating a child page, deleting its title to hid it, and then creating a link to it in the parent page. Please see the ‘essays’ tab/ parent page in http://www.davidjfranco.com. The only problem here is that when you browse your mouse over the essays tab/ parent page, although you don’t see the titles of the child pages you can nonetheless see a greyed dropdown menu – in other words, the dropdown menu is still there although with no titles for the child pages.

    Can you help please? I also want to do the same with my ‘photography’ parent page in http://www.alqueseva.com by creating therein links to separate galleries – i.e. I want my photography parent page to show a title and accompanying image (only one image selected by me if possible) for each gallery.

    I look forward to hearing from you and many, many thanks for your help – I am on the verge of losing it!

    David
    Blog url: http://alqueseva.wordpress.com/

  • You can’t disable the drop-down function on the default menu like this, but you can override the current menu by creating your own via the Appearance -> Menus section of your blog’s Dashboard.

    See this for more info (and a video tutorial): http://en.support.wordpress.com/menus/

  • Hi macmanx, thank you for your comment but that is not what I want. I do not want to play with my menu in that way, what I want is to get rid of the drop-down function i.e. I do not want to see a drop-down menu displayed when I hover the mouse over a parent page. Instead I want readers to click on the the parent page and access the child pages via links set up in the body of the parent page.
    Any suggestions in that respect?
    Thanks

  • Yes, you can accomplish that, but you will need to override what is there with your own custom menu.

    Basically, just include the parent pages and none of their child pages below them.

  • I see, that is great. Thanks so much for this, it’s now sorted.

    Do you have a solution to my question re displaying several photo galleries in a single parent page? The idea is to display a title and accompanying photo, both linking to a photo gallery posted in a separate, hidden child page. I’ve tried doing this several times but instead of one title and one image per gallery in the parent page, I always get three images per gallery in the parent page.

    Many thanks again for your help, much appreciated.

  • Well, you can only have one gallery per page, but can insert photos without a gallery.

    I’d do something like this (with one page):

    *Title 1*

    [image 1] -> (links to child page 1 with gallery)

    *Title 2*

    [image 2] -> (links to child page 2 with gallery)

    *Title 3*

    [image 3] -> (links to child page 3 with gallery)

    and so on.

  • Hey thanks for that – that makes sense. But I’d like to have three links to separate galleries per row if that makes sense. This is an example of how I’d like it to look:

    http://www.samuelkornstein.com/index.php?option=com_igallery&view=category&id=10&Itemid=65

    I’ve tried running a test by inserting a table with html but this is how bad it looks:

    http://davidjfranco.com/acerca-de/

    Do you have any further suggestions?

    Many thanks!

  • Yes, that wouldn’t be directly possible with the gallery feature.

    A table was going to be next suggestion, and yours actually looks pretty good under Chrome and Safari, but Firefox is have a bit of trouble rending for some strange reason.

    I did some tinkering in the post (and set it back to how it was), and it looks like both Chrome and Safari are shrinking the images within the constraints of the tables size. However, Firefox is giving the image size priority over the table size. In this case, you set the images to be 300px wide, and FF is displaying the images as set while stretching the table to compensate. Try dropping the images down to either 200 or 150px wide.

  • Many thanks, I have finally managed to do it:

    http://alqueseva.com/fotografia/

    Do you know how to:

    – delete the borders in the table? I’ve tried, without success, by following the advice posted in the following forums:

    http://www.w3schools.com/html/html_tables.asp
    http://www.w3schools.com/html/tryit.asp?filename=tryhtml_tables3

    – How to increase the font size of the titles of the galleries?, and

    – How to align the table with the text above it? and also how to, if it is possible, justify the text itself (there seems only to be the options left, centre, and right).

    Thanks and sorry to be a pain.

  • To remove the borders and increase the font size you would need to use a custom CSS upgrade. That would let you control the visual styles of your theme and elements in certain pages.

    To align the table you would want to adjust the width of the table you have inserted. This would require some editing of the table’s HTML structure in order to set up properly.

  • The topic ‘How can I eleminate drop downs in Twenty Ten?’ is closed to new replies.