rubyt

Hi Lester,

I literally cannot locate it in my admin bar. I have checked the screenshots. Please see my screencap: https://www.dropbox.com/s/va0f4rfadb2j0c5/Screen%20Shot%202015-08-28%20at%2010.44.10.png?dl=0

Ruby

I believe that rule was implemented by the theme.

The code you provided has fixed the problem. Thank you very much!

Is it a themeforest theme? Yes, it is Qode’s Bridge theme.

Has the theme been customised? Yes. These are the css codes:

.qbutton.green, .qbutton.white {
  background-color: rgba(0,0,0,0) !important;
}

.cf7_custom_style_1.input.wpcf7-form-control.wpcf7-text{
    color: #000000 !important;
}

@media only screen and (max-width: 768px) {
    .q_slider .carousel, .qode_slider_preloader, .carousel-inner>.item{
        height: 670px !important;
    }
}

@media only screen and (max-width: 480px) {
   .q_slider .carousel, .qode_slider_preloader, .carousel-inner>.item{
        height: 650px !important;
    }
..wpcf7-form-control.wpcf7-submit{
 max-width: 280px !important;
}
}

.portfolio_excerpt {
   font-size: 14px;
   line-height: 20px;
   color: black;
   padding-top: 10px;
}

.q_slide_text a {
    color: #ffffff !important;
     text-decoration: none !important;
     position: relative;
     font-style: italic;
}
.q_slide_text a:hover {
    color: #ff1f00 !important;
}

.esg-filter-wrapper.dropdownstyle {
min-width: 200px;
}

.minimal-light .esg-filterbutton, .minimal-light .esg-navigationbutton, .minimal-light .esg-sortbutton, .minimal-light .esg-cartbutton a{
border: none !important;
}

.flat-light .esg-filterbutton{
min-width: 180px;
text-align: left;
padding-left: 0px !important;
padding-right: 0px !important;
margin-left: 0px !important;
margin-right: 0px !important;
}

.esg-filter-checked{
margin-right: 5px;
}

.a.eg-discoverall-element-3, .eg-triggerfilter{
text-decoration: none !important;
}

 .responsive-tabs__list__item{
font-size: 14px !important;
text-transform: uppercase !important;
font-weight: 700;
letter-spacing: 1px;
}

Do the tabs still appear broken if all plugins are temporarily deactivated except Tabby Responsive Tabs? Yes, if the Bridge theme is activated.

What tabby shortcodes & tab content are used on the broken page? The broken page and the functioning page both have the shortcodes below. I have tried the example shortcodes provided here (https://www.ads-software.com/plugins/tabby-responsive-tabs/) as well.

<a id="tabs"></a>
[raw]

[tabby title="First Tab"]
hkhkj

[comment template]

[tabby title="Second Tab"]

[loop type=post name=oas1s-tab-2]

[comment template]

[/loop]

[tabby title="Third Tab"]

sleep in the sink climb the curtains attack, give me fish.

[tabbyending]

[/raw]

Does it appear the same if you remove your custom styles & use the default tabby stylesheet instead?
Yes

Do you still get the tab & accordion ‘double’ display if you temporarily change the theme to the default twentyfifteen theme?
No

FYI, the page that displays normally uses my theme’s Portfolio page type whereas the ‘double’ display appears on Post page types.

I see.

When I remove the CSS rule, the tabs and accordion are displayed at the same time on some of my pages but not others.

Page with tabs and accordion displayed at the same time:
https://movemankind.com/2015/07/16/oas1s/

Page with normal display:
https://movemankind.com/portfolio_page/mankind/

Thank you for your support.

Cheers,
Ruby

Hi Eliot,

I found a way to make it work with the code below:

[loop type=post name=tab-2]
[comment template]
[/loop]

Cheers,
Ruby

Thank you, Eliot.

Your suggestion works but I find that it breaks my tabs’ code. Would you mind taking a look at my site? Basically, whenever I use the code below to display my comments, my tabs are broken but if I just use [comment template] my tabs work fine.

Below code breaks my tabs:

[comments count=3 id=this]
  [comment] by [comment author] on [comment date]
[/comments]

Appreciate your support.

Cheers,
Ruby

Having delved further into the problem I’ve realised that QMT shows up in the ‘Classic blog index with sidebar’ but not the main nav menu.

Is there a way around this?

For example, could I copy and paste code from QMT into the nav-menu code?