Return to previous page

Mobile menu problem with changing from theme v4.3 to v5.0

This topic has 8 replies, 3 voices, and was last updated 4 years, 10 months ago ago by Olga Barlow

designerobot

Participant

June 20, 2019 at 11:37

Thanks to the code in CSS, which you suggested to me a few years ago, in the desktop version I have the menu links that are highlighted with a different color when they are on that page (this obviously happens with the mobile menu too).
For example on the portfolio page (see link 1).

When I enter a subpage, for example in a blog article or in a portfolio project (see link 2) the menu is still highlighted to show that I am in that section. With theme v4.5 this happened in both desktop and mobile menus. After upgrading to v5.0, in the mobile menu that menu link does not change color (in the desktop version it works). Why?

The same problem I have on all my sites on which I put this theme, if I solve with one then I repeat the changes also on the others.

Please, contact administrator
for this information.

#215878 Copied Theme version: 5.0.1

7 Answers

Rose Tyler

Support staff

June 20, 2019 at 12:06

Hello,

Add !important; – http://prntscr.com/o4bsmd

Regards

#215880 Copied

designerobot

Participant

June 20, 2019 at 12:27

Hello,

thanks for the quick response. I insert it and it works. But it works only on this website.
On another website (almost identical) I did the same thing and it doesn’t work. See the link in pvt content. Why does it happen?

Please contact administrator
for this information.

#215882 Copied

Rose Tyler

Support staff

June 20, 2019 at 13:00

Hello,

Change these classes .single-etheme_portfolio .menu-item-36 a http://prntscr.com/o4cn9t to .single-etheme_portfolio .mobile-nav .menu .menu-item-36 a https://prnt.sc/o4cnvx

Regards

#215889 Copied

designerobot

Participant

June 20, 2019 at 13:11

I did it, but adding “.mobile-nav .menu” and removing line 143 (as you told me)I have two errors:
1) now it doesn’t work on the desktop too (if you check the link is no more enlighted inside the portfolio project). Before there it worked.
2) the entire mobile menu remains of the old color.
This line I had added because on this site it gave me this problem, not on the other almost identical.

Please see line 589 of style.css of website A
and line 591 of style.css of website B

A doesn’t work, B works.

On B you did some changes in past, after I replied them on A but probably you didn’t tell me all changes to replicate

Please contact administrator
for this information.

#215891 Copied
Rose Tyler

Support staff

June 20, 2019 at 13:42
Hello,

You shouldn’t remove the 143 line. Put it back.
Change
```
.single-etheme_portfolio .mobile-nav .menu .menu-item-36 a, .single-etheme_portfolio .mobile-nav .menu .menu-item-42 a, .single-etheme_portfolio .mobile-nav .menu .menu-item-17522 a {
    color: #ffffff !important;
}
```
to
```
.single-etheme_portfolio .mobile-nav .menu .menu-item-36 a, .single-etheme_portfolio .mobile-nav .menu .menu-item-42 a, .single-etheme_portfolio .mobile-nav .menu .menu-item-17522 a,
.single-etheme_portfolio .menu-item-36 a, .single-etheme_portfolio .menu-item-42 a, .single-etheme_portfolio .menu-item-17522 a {
    color: #ffffff !important;
}
```
This code should give the desired result on mobile and desktop for website A.

On B you did some changes in past, after I replied them on A but probably you didn’t tell me all changes to replicate

– when?

Regards
#215893 Copied
designerobot

Participant

June 20, 2019 at 14:47

It works, thanks.

When? See your replies of May 31, 2019 at 12:06 pm in this post https://www.8theme.com/topic/a-lot-of-problems-with-the-5-0-version-of-the-theme/

Anyway this specific matter is solved.

#215899 Copied

Olga Barlow

Support staff

June 20, 2019 at 18:50

Hello,

You are welcome.

Our developers will be able to check your questions tomorrow and we’ll provide you their answer once get it. Sorry for some delay in answering.

Regards

#215918 Copied
Viewing 8 results - 1 through 8 (of 8 total)