Issue with Related Products Section + Tabs

  • Resolved SR20DETg20girl

    (@sr20detg20girl)


    4 years, 10 months ago

    The tabs work great, but I’m running into an issue with the “related products” section.
    Please check the link provided. “Description”, “Reference Data”, and “Download Section” all work fine and the “Related Products” section is shown below as expected, but the “Compressor Map & Exhaust Flow Chart” section bumps the “Related Products” header text off to the top right of the tab area itself.

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

Viewing 3 replies - 1 through 3 (of 3 total)
  • Plugin Contributor Tracy Levesque

    (@liljimmi)

    ?????? YIKES, Inc. Co-Owner

    Hi @sr20detg20girl

    The two images in the “Compressor Map & Exhaust Flow Chart” tab are floated left, set to display inline and they have a width of 800px which is causing the related products to wrap around it.

    element {
    width: 800px;
}
.alignleft {
    display: inline;
    float: left;
    margin-right: 1.5em;
}

    If you change those 2 styles to something like this the wrap is gone:

    element {
    width: 100%;
}
.alignleft {
    display: block;
    float: none;
    margin-right: 1.5em;
}

    Stay well!
    -Tracy

    Thread Starter SR20DETg20girl

    (@sr20detg20girl)

    Awesome, thank you so much for the quick fix! ??

    Plugin Contributor Tracy Levesque

    (@liljimmi)

    ?????? YIKES, Inc. Co-Owner

    You’re very welcome!

    Have a good day.
    -Tracy

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘Issue with Related Products Section + Tabs’ is closed to new replies.