Main Menu Font Color Bug - Forum | JoomShaper
Staff replied Helix Framework

Main Menu Font Color Bug

Asked by joe 4 years ago Last activity 4 years ago

Took me MONTHS to figure this out.

Create the following two menu items with at least one sub menu item in each:

  1. System Link > Separator
  2. System Link > URL (#)

Now you will notice the font color for the Separator System Link menu item is controlled by Typography > Body NOT the Presets, as it should.

However, the font color for the URL System Link menu item is properly controlled by settings in Presets, as it should.

Therefore, it is impossible to use Separators under the following circumstances:

  1. Your Header is Dark
  2. Your Body is a light color (White)
  • or-
  1. Your header is a light color
  2. Your Body is a dark color

Why?

Because if your header is dark and you use Light Color (White), the fonts in Body cannot be seen as they will appear a light color font on a light color background. The same is true if you flip the light and dark colors around.

  • JoomShaper, is this a Bug?
  • Will this be fixed?

5 replies

Oldest first Newest first Most helpful
Mehtaz Afsana Borsha Staff
4 years ago

Hi

Could you please give me your site URL and also screenshot so that I can check?

-Regards

joe Asked this
4 years ago

I provided detail information for you to recreate this issue.
Feel free to check your in-house version.

Mehtaz Afsana Borsha Staff
4 years ago

Could you please give me the information here?

joe Asked this
4 years ago

In my honest opinion, the bug MUST be confirmed on your own in-house copy of the lastest versions of J4 and Helix Ultimate.

I am not asking for you to fix this issue for me, but pointing this bug so your develpers can confirm and fix this issue for the upcoming Helix Ultimate release.

I only thought to mention this as it appears that Mr. Toufiq was not aware of this issue when answering someone with 'likely' the same question:

URL: https://www.joomshaper.com/forum/question/10926

However, if you stil persist to look at my website, the details are provided in my other unresolved ticket found here:

Paul Frankowski Senior Staff
4 years ago · edited

Hi Joe,

Yes, you're right.

Menu items without real link ( for example Separator ) use colors from body settings. To fix it you have to use extra custom CSS. But I agree with you that it should be included in Template Options. I guess was not, becuase separator is used very rare. I added to wish-list already. 

.sp-megamenu-parent li > span.sp-menu-separator {
  color: red;
}
Log in to reply.