Docs

[eomedical]

Hi,

May I know how to add a vertical line between the column of tab contents? (please refer picture attached)
My URL is eogroup.asia
Kindly navigate to Products -> Infection Control

Besides, how can I disable the tab contents on mobile?(When click the products, instead of dropdown, go to the products page) Because it looks awkward on mobile screen when I click the products.

Thanks & Best Regards,
Sim

[Paul R]

Hi Sim,

Thanks for writing in!

You can add this under Custom > Edit Global CSS in the Customizer.

.ubermenu .ubermenu-submenu > .ubermenu-column {
    border-right: 1px solid #ccc;
}

.ubermenu .ubermenu-submenu .ubermenu-column:last-child {
    border-right: 0;
}

Hope that helps.

[eomedical]

Hi,

The result is not what we expected.
We do not want the vertical line between the tab toggles and tab contents, instead we just want it to appears between items in tab contents.

Please refer attached picture.

Thanks & Best Regards,
Sim

[Lely]

Hi Sim,

Thank you for the screenshot. Please try this CSS instead:

.ubermenu-main .ubermenu-submenu .ubermenu-item-header:last-child > .ubermenu-target {
    border-right: none;
}
.ubermenu-main .ubermenu-submenu .ubermenu-item-header > .ubermenu-target {
    border-right: 1px solid #ccc;
}

Hope this helps.

[eomedical]

Thanks, it works for now.

Best Regards,
Sim

[Rupok]

You are welcome!

Glad that it helped. Feel free to let us know if you face any other issue. We’ll be happy to assist you.

Thanks for using X.

Cheers!

[eomedical]

Hi Rupok,

When I clicked on the menu and move the mouse cursor away, a border appeared.
How can I disable the border as mentioned?
Attached picture for your reference.

My URL is: eogroup.asia

Thanks & Best Regards,
Sim

[Christian]

Hey Sim,

Please add the code below in your Appearance > Customize > Custom > Global CSS

a:focus, select:focus, input[type="file"]:focus, input[type="radio"]:focus, input[type="submit"]:focus, input[type="checkbox"]:focus {
    outline: 0;
}

Hope that helps. 🙂

[eomedical]

Hi Christian,

Works like magic.

Thanks & Best Regards,
Sim

[Prasant Rai]

You are most welcome. 🙂

[eomedical]

Hi,

I have disable the “Products” page link on the main menu, which make it not clickable.
But when I click on it, there is a blue border on the link. How can I resolve this?

URL: eogroup.asia

Thanks & Best Regards,
Sim

[Christopher]

Hi there,

Please add following code in Customize -> Custom -> Global CSS :

span.ubermenu-target:focus {
    outline: none;
}

Hope that helps.

[Author]

Posts