how to set header Menu on one row

Hello, I am using Portum Theme and I need to set my primary menu with items to appear in one row at the top of the screen, instead of the way they are now (with 7 in one row and the 8th on the next line).

I can provide my url:
(notice that the site is in maintenance mode at the moment so I don’t know if it can be inspected)

Is there any custom CSS I could try to fix my problem?

Thanks in advance

Hi there,
Thanks for writing in.
Relating to your query here, could you perhaps disable the maintenance mode so that we can check whether this is something achievable.

I look forward to your reply.
Best Regards,

Mainteanance Mode is now disabled. Thank you

hey there

Please add this CSS in appearance - customize - additional CSS

.sf-menu > li > a {
padding: 27px 15px !important;

Colorlib Support Team

Hello, I’ve tried this additional CSS you suggest, but it seems to do not fix the problem with menu appearance. Still the last item goes to the second row and it happens when I reduce the browser width

Let me try it, please use this plugin to create temporary access for us, its automatic login link and does not requires sharing your admin details. here is How To guide. at the and don’t forget about  “Set as private reply” at the bottom of the message box  

Thank you for your support, this is the link created with temporary plugin. I set it for one day expire time

Temporary access sent via private response. I put the site in maintenance mode because it’s incomplete, I think you’ll still be able to inspect it.
Thanks for the support

hi there

Please clear cache and check again, css is working just fine, you can also lower 15px to 10px for more effect

Hello, I’ve cleared cache and test it and I really appreciate your effort. I’ve played with CSS customizer and set the spacing to 15 as suggested and 10 for more effect. In effect, the spacing between items varies as the customization varies, but still last item (only the last one on the right) goes down to the second row when I reduce the width of the browser (I’ve tested with Safari and Firefox). If I reduce it even more then finally menu bar switches to the clasic three horizontal lines mobile design. Maybe I’m missing something or I cane’t explain it so well because English is not my language, and I’m sorry to say that the problem still is there, despite your fantastic support


Lino, your English is very good and i can understand everything without any problem :slight_smile:
i jsut added this code and now it should be fixed,

ul#menu {
position: absolute;
right: 0px;

Yes, the fix worked like a charm! Thank you very very much for your brilliant support :slight_smile:

thank you too :slight_smile:

If you’re happy with our service, don’t forget to rate us: [Portum] Reviews |