Horizontal Storefront submenus

  • aceitmulti

    (@aceitmulti)


    5 years, 5 months ago

    Hi,
    I am having a lot of trouble working this one out. I want to create a horizontal drop down menu on the attached site. The menus have images in them and I would like them to center on the screen, not go off the screen to the left or right, and show the icons as the size they currently are. I had this working under a different theme but plugin compatibility has forced a change in theme and not I can’t seem to get it to work again.

    I would greatly appreciate any assistance and would like to do this through CSS only but can also create a child theme if necessary.

    Thanks in advance.

    The page I need help with: [log in to see the link]

Viewing 2 replies - 1 through 2 (of 2 total)
  • Moderator bcworkz

    (@bcworkz)

    5 years, 5 months ago

    Setting the sub menu’s ul element width large enough and floating its li elements will get you the horizontal layout. You can position the ul with left: rule, but getting it to behave responsively is the real challenge. Maybe by using calc() you can get what you want.

    If you haven’t yet discovered it, the element inspector tool of your browser is crucial in assisting us in determining the correct CSS to use.

    Thread Starter aceitmulti

    (@aceitmulti)

    5 years, 5 months ago

    Thanks for the guidance. I have spent a few more hours experimenting with the li and ul classes and just can’t get it to work.

    I am at my wits end on this and have spent way too much time on it. If someone is able to have a look at the site and provide some more specific advice I would appreciate it.

    Thanks again

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

The topic ‘Horizontal Storefront submenus’ is closed to new replies.