[masterssonParticipant]

Where will it be situated on WP dashboard (screenshot)? Thanks.

My bad, found it!

[masterssonParticipant]

Unfortunately it just looks like the screenshot from post #1057713. Is it not possible to style the tabs as one horizontal line again like the screenshot in post #1048631?

I will most likely revert back to the original code you gave for the tab line being red in post #1049528. To change the color to say for example: black , do I just replace the word red with black? Thanks.

[FriechModerator]

Hi There,

Yes, that should work, or you can use the color hex value: http://www.color-hex.com/

Thanks.

[masterssonParticipant]

Sorry to bring this thread back up again: I still would like to know if it is possible to have the line tabs positioned side by side in mobile mode rather than currently, stacked? Thanks.

[LelyModerator]

Hello There,

Please try adding this CSS:

@media (max-width: 979px){
.home #x-section-2 .x-nav-tabs.two-up>li{
    float: left;
    width: 50%;
}
}

See attached screenshot of the result on smaller screen.

Hope this helps.

[masterssonParticipant]

Bumping topic back up as I have another issue. I would like the line tabs lines in mobile to be completely removed (with just the headings remaining). However a narrower line appears when highlighted. Does that make sense or would you need an example of what I am wanting to achieve? Thanks.

[RadModerator]

Hi there,

You mean like this?

@media (max-width: 979px){
.x-nav-tabs.top, .x-nav-tabs.left, .x-nav-tabs.right {
    border: 0px;
}
}

Should the black highlight be removed too?

Thanks!

[masterssonParticipant]

I would like the black horizontal highlight to be narrowed so that it does not cover the whole width of the screen. Thanks.

[ChristianModerator]

Please give us the URL of the page where you’ve set that up.

Thanks.

[Author]

Posts