Tagged: ,

Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • August 31, 2015 at 1:42 am #495565
    CharlieTh

    I used a Colored Div inside a Test Block to create a “Box”.

    Am trying to put a HORIZONTAL menu right at the VERY TOP of that “Box.”

    Since Box will not fill entire width of page, I can’t use “fullwidth sub menu” item. But that’s the look I’d like on the top rim of the Box.

    I think the problem is CSS-solvable, but have tried multiple idea and I’m not picking correct CSS selector.

    After checking the support subjects, seems like it should be li and clear:none — but various combinations didn’t seem to make the vertical menu horizontal.

    You’ll see what I HOPE the menu to look like in the full-width menu UNDER the box…which is there just for comparison purposes.

    Here’s the URL:
    http://trackitanywhere.com/test-page-widget-menu-content/

    Could you take a look for me?

    Thanks for any suggestions.

    August 31, 2015 at 3:26 pm #495889
    Elliott

    Hi CharlieTh!

    It would probably be best to just insert a list of links there to create your own.

    <ul>
<li><a href = "#">Link 1</a></li>
<li><a href = "#">Link 1</a></li>
</ul>

    Or you could add the widget area element and then drag a custom menu widget to it to display. We could give you some CSS for that to make it horizontal.

    Regards,
    Elliott

    August 31, 2015 at 3:44 pm #495901
    CharlieTh

    Elliott, the URL above does have the widget and the what-comes-out-as-vertical custom menu that should be horizontal.

    Can you tell me what the horizontal CSS would be?

    I could easily do the straight links, but would like to know the horizontal CSS in case I need in the future for a more complex menu than my tester menu.

    Thanks for your very speedy reply!

    September 1, 2015 at 6:36 am #496229
    Rikard

    Hi,

    Please try the following in Quick CSS under Enfold–>General Styling:

    #menu-play-menu li {
display:inline-block !important;
}

    Best regards,
    Rikard

    September 1, 2015 at 4:47 pm #496528
    CharlieTh

    Thank you…DEFINITELY closer.

    The top-level of the custom menu is now horizontal. That’s good.
    The second level of the custom menu is now visible for ALL top level choices. Not what I had hoped.

    For comparison purposes, I put a full width sub menu UNDER the custom menu in the widget.

    Is there another bit of magic that will take the sub-menu and make it work the way the full-width one does?

    Thanks again…the inline-block CSS will definitely go into my “CSS Library!”

    September 2, 2015 at 7:08 am #496881
    Rikard

    Hey,

    I think I know what you are trying to achieve there but I think you will have a difficult time getting all the way, maybe a plugin like this could help you out? https://wordpress.org/plugins/nextend-accordion-menu/

    Best regards,
    Rikard

  • Author
    Posts
Viewing 6 posts - 1 through 6 (of 6 total)
  • You must be logged in to reply to this topic.