single line menu

ptbumiteknikutama

the part that I circle has two lines per sub menu, I want to make it just one line, how do I do it? thank you before

https://imgur.com/a/XxUJz5d

Bryan

HI,

please send us a link to your website so we can check if it is possible with custom css.

thanks

Learn more: Video Tutorials | How To | FAQ Vote on what comes next

ptbumiteknikutama

this is the link

https://vebse.com/bumi/

Pablo

If I'll disable the wrapping, then the text will get out the box and it looks awful.

http://prntscr.com/mbyvou

I cannot change the width of only of this box, all I can do is making all of the boxes bigger to fit these texts without wrapping.

Do you still want to achieve that single line menu effect?

Thanls

Learn more: Video Tutorials | How To | FAQ Vote on what comes next

ptbumiteknikutama

How can I change the width of the box so that it can follow the length of the words?

Pablo

As I told, It cannot be done.

If I'll setup the width of 100% and disable wrapping the text then it will display like this:

http://prntscr.com/md65ok

Or do you want to change the width of other box?

Thanks

Learn more: Video Tutorials | How To | FAQ Vote on what comes next

ptbumiteknikutama

it looks good, can it be closer? like the menu in general?

Pablo

Unfortunately, it's not possible with simple CSS.
It requires a lot of Advanced CSS changes to make it work because of responsive issues.

We do not help with Advanced CSS because due to a large amount of issues that could come related to this customization.
We suggest to leave it as it is or to change the font-size to smaller of submenu's items.
Thanks

Learn more: Video Tutorials | How To | FAQ Vote on what comes next

ptbumiteknikutama

okey, how to change the font-size to smaller of submenu's items?

Pablo

Paste this CSS into the Theme Options > Custom CSS & JS > CSS

.sub-menu span{
	font-size:12px !important;
}

Thanks

Learn more: Video Tutorials | How To | FAQ Vote on what comes next

ptbumiteknikutama

thank you, it works.

can the padding of each sub menu be reduced?

https://imgur.com/a/lXYsPtb

Pablo

Yes, it can be.

Use this CSS:

.sub-menu a{
    padding:2px !important;
}

Thanks

Learn more: Video Tutorials | How To | FAQ Vote on what comes next

ptbumiteknikutama

great, but the navigation arrow is below, disproportionately adjusting the sub menu, can it be directed to the middle corner?

Pablo

Test it with this code:

.menu-arrow{
	top:0px !important;
}

Thanks

Learn more: Video Tutorials | How To | FAQ Vote on what comes next

ptbumiteknikutama

yes it works, thank you