promo tag – new / top / expect – on menu part / mega menu ..

Do I need assistance with the following bugs?

How to correct the following messages above the text – new, top product, expect ..

On your demo site, they are always at the end of the word or text. For me, some are positioned in the middle of the text/word, which is very incorrect and confusing.

I am applying an example:

How is your site
https://snipboard.io/kr7zfS.jpg

How is my site

https://snipboard.io/4IHFWp.jpg

Hello,

Enter the HTML block and check Extra menu list item, you will find the option to change the color and text of the label.

Best Regards

Hi,

Enter the HTML block and check the Extra menu list item, you will find the option to change the color and text of the label.

I do not want to change the color and text but the position. Please see that the position is always at the end of the text in your demo and in my site it is in the middle of the word/text.

Hello,

Please deactivate all the plugins not related to the theme and switch the parent theme, check the issue, if the problem remains, leave the plugins not activated and provide the site admin access to the private area so that we could check.

Best Regards

Hi,

I recreated the same situation on the test site, where the only plugins available are the required ones!

I enclose a photo and access data!

https://snipboard.io/MuG9k4.jpg

Hello,

The site you provide has the same label location as the demo has: https://gyazo.com/755fddc19af6f77024a7ac15482bffbd

You can take the demo template and create your own changing the content. Also, the difference may still occur due to various lengths of menu items. Please check with different menu text length.

Best Regards

Hello, Elise,
Thank you for your answer.

But please pay attention to the following link – you are looking at the wrong menu – I have recreated one of the menus similar to my site to see that even without all the other optional plugins the problem is present:

https://gyazo.com/4a7328161a5445894d783d43c52c67fd

Thank you in advance.

Hello,

The label location is fixed on 20 px on the left of the last row and they are designed for one row by default. https://prnt.sc/u9fd7o As you can see the label now is on the last row.

Actually it is possible to correct with custom CSS, however, the label would be always on the first row and it would not look nice with menu items that have only one row.

Please advise if you need the custom CSS.

Best Regards

Hello,

Thanks – in this case, is there any way to help with code that:

1. Always define the position from the first line and be as at the moment “label location is fixed on 20 px on the left”
2. Be 2-3px higher, because in the Cyrillic alphabet there are cases in which this label covers the letters.

Thank you in advance. 🙂

Hello,

Please add this code to the Theme Settings > Custom CSS > Global:

.menu-mega-dropdown .menu-label {
	right: 0;
  bottom: auto;
  top: -10px;
}
.mega-menu-list .sub-sub-menu li a,
.menu-mega-dropdown .sub-sub-menu li a {
  display: inline-block;
}

Best Regards

[Author]

Posts