Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • June 13, 2019 at 10:43 pm #1110135
    solidvapor

    By default, a Tab Section menubar — the horizontal list of tab titles above (or below) the tab sections — is centered on the page with each entry a fixed width and dropping off the page when viewed in a narrow viewport.

    I would like this menubar to appear/behave just like the menubar at the top of a page — left justified with each entry just wide enough to accommodate the width of the title text (plus padding) and dropping to second line when viewed in a narrow viewport.

    How do I get there from here…??

    June 14, 2019 at 7:31 am #1110225
    Rikard

    Hey solidvapor,

    Could you post a link to where we can see the element in question please?

    Best regards,
    Rikard

    June 14, 2019 at 1:33 pm #1110315
    solidvapor

    See link in Private Content.
    The biggest problem is that the elements of the “menubar” have a fixed width of 90px.

    June 14, 2019 at 7:57 pm #1110450
    Victoria

    Hi solidvapor,

    https://cl.ly/77d94842bd1f Looks like you’re adding the break there. Please remove it and try using this css:

    
a[data-av-tab-section-title="6"] .av-inner-tab-title {
    min-width: 250px;
    text-align: left;
}

    Best regards,
    Victoria

    June 15, 2019 at 12:00 am #1110543
    solidvapor

    Thanks for the tip.

    It did not fix all of my problems but I was able to Tab Sections working they way I wanted with a little jQuery and some CSS tweaks.

    You can close this ticket.

    June 15, 2019 at 9:18 am #1110616
    Rikard

    Hi,

    Thanks for the update, I’ll close this thread for now then. Please open a new thread if you should have any further questions or problems.

    Best regards,
    Rikard

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