My business site is built on WordPress and I am using the "Shifters Lite" WP theme right now.

My issue is:

One of my primary menu item (designed as per my web-pages) is getting hidden on the Header part. The page in concern is - Sitemap.

For better understanding, you can view my site here: /

As clearly visible, the last letter of the word "Sitemap" is getting hidden automatically.

I tried multiple CSS codes, but none of them worked in my favor. So, thought of asking the experts here.

Any help in this regards would be much appreciated.

Thank you!

My business site is built on WordPress and I am using the "Shifters Lite" WP theme right now.

My issue is:

One of my primary menu item (designed as per my web-pages) is getting hidden on the Header part. The page in concern is - Sitemap.

For better understanding, you can view my site here: http://aadhyaexim/

As clearly visible, the last letter of the word "Sitemap" is getting hidden automatically.

I tried multiple CSS codes, but none of them worked in my favor. So, thought of asking the experts here.

Any help in this regards would be much appreciated.

Thank you!

• theme-development
• menus
• sitemap

1 Answer 1

It's because you're skewing the parent container with CSS transforms. You can see in this screen capture of developer tools that the parent cuts off the content on the second row.

Try this:

.menu-primary-menu-container{margin-right:10px;}

You'll see that fixes it, so you just play around with those settings and get it exactly how you want it.

Here's what happens when I add that rule in the developer tools: