Viewing 3 replies - 1 through 3 (of 3 total)
  • Plugin Author cubecolour

    (@numeeja)

    Please provide a link to the page on your site where this can be seen.

    Thread Starter Sebastiengr

    (@sebastiengr)

    This is the website.

    Plugin Author cubecolour

    (@numeeja)

    It looks like your theme or another plugin adds some unordered list styles that are overriding the ones used to style the tabs.

    Its not easy to troubleshoot your CSS as it is minified on your site, but I think I have a fix. Try adding the following styles to your child theme (if you are using one) or via a custom styles plugin:

    #sidebar .responsive-tabs__list__item {
    	border: 1px solid transparent;
    	border-bottom: none;
    	font-size: 13px;
    }
    
    #sidebar .responsive-tabs__list__item--active,
    #sidebar .responsive-tabs__list__item--active:hover {
    	background: #fff;
    	border-color: #ddd;
    	padding-bottom: 11px;
    	margin-top: 0;
    }

    I included an optional font-size rule to prevent an additional issue I noticed where your tabs become stacked in two rows when the browser width is reduced and there isn’t enough room to accommodate them side-by-side in your sidebar.

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘Can't see the tab’ is closed to new replies.