tutor-sidebar-tabs-content height not being set correctly

  • Resolved andrewreaganm

    (@andrewreaganm)


    1 year, 5 months ago

    A site I just updated is having issues with the tutor-sidebar-tabs-content element. It is not being sized appropriately for the number of lessons being shown on a given page. The issue is present in both the latest version of Safari and Google Chrome.

    Thank you!

    // The value that is present by default
element.style {
    height: calc(100vh - 326.664px);
    
}

// The value I have set in Additional CSS. It works, but is not dynamic
.tutor-sidebar-tabs-content {
	height: calc(100vh - -1250.664px) !important; 
}

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

Viewing 1 replies (of 1 total)

  • Dear @andrewreaganm

    It seems like you are facing issues with the sizing of the tutor-sidebar-tabs-content element on your website. The default height value and the value you have set in Additional CSS are not dynamically adjusting to accommodate the number of lessons on the page. To resolve this issue, you can try the following steps:

    1. Remove the Additional CSS you added: Start by removing the additional CSS you added to set the height of the tutor-sidebar-tabs-content element. We will find a dynamic solution instead of a fixed one.
    2. Inspect the element: Right-click on the tutor-sidebar-tabs-content element and select “Inspect” from the browser’s context menu. This will open the browser’s developer tools and allow you to inspect the element’s CSS and layout.
    3. Identify the parent element: Look for the parent element that contains the tutor-sidebar-tabs-content element. It could be a wrapper or container element.
    4. Adjust the parent element’s CSS: Once you have identified the parent element, you can modify its CSS to ensure that it properly sizes the tutor-sidebar-tabs-content element. You can try using CSS properties like min-height, max-height, or height with appropriate values based on the number of lessons being shown.
    5. Test and adjust: After applying the CSS changes to the parent element, test the website in both Safari and Google Chrome to ensure that the sizing issue is resolved. If needed, you may need to tweak the CSS values until you achieve the desired dynamic sizing.

    Remember to clear your browser cache after making CSS changes to ensure you are viewing the latest version of your website.

    If you continue to experience issues or need further assistance, please provide more details about the specific structure of the elements and any relevant CSS code related to the tutor-sidebar-tabs-content element.

Viewing 1 replies (of 1 total)
  • The topic ‘tutor-sidebar-tabs-content height not being set correctly’ is closed to new replies.

Tags