Hi Marknorm,

1. Please try this css:

.theiaStickySidebar {
    padding-top: 53px !important;
}

2. Please try this css:

.nectar-scrolling-tabs .scrolling-tab-nav a {
    color: blue;
    font-size: 25px;
    font-family: monospace;
}

3. You can set the row layout as shown below:

Thanks.

Hi Mark,

1. Please try this css:

.nectar-scrolling-tabs .scrolling-tab-mobile-title {
    min-height: 56px;
}

2. I can see the orange indicator moving to the relevant tab and that is how the feature works with the tabs selection. Please let us know whether we are missing something on this issue.

3. Please send in your admin credentials so that we may look into this further.

Thanks.

Hi There,

1. Please try this css for full width:

a.active-tab {
    width: 1136px;
background-color: red !important;
}
.tabbed[data-spacing="side-45px"]:not([data-style="vertical"]) .wpb_tabs_nav li a, .tabbed[data-spacing="side-45px"]:not([data-style="vertical"]) .wpb_tabs_nav li .active-tab {
    background-color: black;
}

2. Please try this css to remove duplicates:

@media only screen and (max-width: 999px){
.nectar-scrolling-tabs .scrolling-tab-mobile-title .inner {
    display: none;
}
}

Thanks.

Hi There,

Please try this css:

.tabbed[data-spacing="side-45px"]:not([data-style="vertical"]) .wpb_tabs_nav li a, .tabbed[data-spacing="side-45px"]:not([data-style="vertical"]) .wpb_tabs_nav li .active-tab {
    padding-left: 532px;
    padding-right: 45px;
}

Thanks.

Hi There,

Apologies for the delay, please share your wp-admin credentials so that I can have a closer look at the tabs.

Thanks.

Hey Again,

Sorry for the late turn around, we can get overwhelmed sometimes by the number of tickets. 

Could you let me know what still needs to be done so i can quickly provide the Custom CSS for it?.

Thanks 

Hey Again,

Add this into the Custom CSS box in your Salient Theme Options panel (We write all Custom CSS in the Live Browser to ensure accuracy. If you cannot see any changes, make sure there is no red cross in the Custom CSS Box as any syntax error would cause all CSS under that line of code to not show up on the Frontend):

.tabbed[data-style*="material"][data-color-scheme="extra-color-1"] ul li:first-child a {
    background: #8ad1ef !important;
}
.tabbed[data-style*="material"][data-color-scheme="extra-color-1"] ul li:last-child a {
    background: #525c8e !important;
}
.tabbed[data-style*="material"] .wpb_tabs_nav li {
    width: 50%;
}
.tabbed[data-style*="material"] .wpb_tabs_nav li:first-child {
    padding-right: 4px;
}

Thanks

Use this additional CSS

Add this into the Custom CSS box in your Salient Theme Options panel (We write all Custom CSS in the Live Browser to ensure accuracy. If you cannot see any changes, make sure there is no red cross in the Custom CSS Box as any syntax error would cause all CSS under that line of code to not show up on the Frontend):

@media only screen and (max-width: 690px) {
    .tabbed[data-style="material"] .wpb_tabs_nav li a, .tabbed[data-style="material"] .wpb_tabs_nav li {
        display: inline-block !important;
    }
    .tabbed[data-spacing="side-45px"]:not([data-style="vertical"]) .wpb_tabs_nav li a, .tabbed[data-spacing="side-45px"]:not([data-style="vertical"]) .wpb_tabs_nav li .active-tab {
        padding-left: 35px;
        padding-right: 35px;
    }
}

Thanks