Return to previous page

Menu dropdown mobile - by gewoonbovenaan

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

gewoonbovenaan

Participant

July 24, 2020 at 13:39

Hello,

I cant find out where in the header builder i can change the dropdown color hover for mobile https://gyazo.com/e3ca23aa74f11d3862ef24ef5dd16730 and for desktop https://gyazo.com/3738f1f6703f4aea95688a6f4f11c439

I added a request for making the tabs responsive for mobile, https://gyazo.com/ce6212f7796314e45f91b1fc7c373258 the status is planned, but it doesnt say when 🙂 can we know when?

Somehow on the english page https://yourlight.com/en/ the banner is gone and i cant get it back. any idea why?

many thanks!

Please, contact administrator
for this information.

#245259 Copied Theme version: 6.3.8

7 Answers

Olga Barlow

Support staff

July 24, 2020 at 17:26

Hello,

1) I see the custom http://prntscr.com/tnzags We don’t have the special option, so you can change the hover using custom only. Tell me what colors should be for the mobile and for the desktop and we’ll try to improve your custom to achieve the goal.

2) Unfortunately, I’m just member of the support team and I don’t have such information from our developers.

3) Did you add the banner as the bg image for the row/column? I think it’s a compatibility issue between WPML and WPBakery. Read this topic https://www.8theme.com/topic/strange-problem-with-rows-and-background-color/ I think you need to contact WPML support about this.

Regards

#245289 Copied

gewoonbovenaan

Participant

July 28, 2020 at 11:38

1) the text should be black en when hover the text should be red #e013122.
2)ok
3) i did, i will check with wpml thanks.
4) on another site using xstore on mobile menu the color is also very strange also with a layer over the text.when loading . https://gyazo.com/e7408d0aa384f620923ed8ceef5ff0c0
its on keeskanters.nl any idea why?

5) on the homepage (keeskanters.nl with ipad the custom heading is not responsive, how to make the text repsonive (smaller) https://gyazo.com/8a0e1f538571eb31346eecc664f05475

#245647 Copied
Olga Barlow

Support staff

July 29, 2020 at 09:22
Hello,

1) Add the below code to custom CSS
```
div.mobile-menu-content .et_b_header-menu .nav-sublist-dropdown .item-link:hover {
    color: #000;
    background: #fff;
}
div.mobile-menu-content .et_b_header-menu .menu li > .nav-sublist-dropdown:not(.nav-sublist), div.mobile-menu-content .et_b_header-menu .nav-sublist-dropdown .item-link:hover {
      opacity: 1;  
}
```
3) If you get any solution from them we’ll be glad if you share it with us.
4) You use the centered mobile menu type that is loaded using Ajax. We use Skeleton Loader while the system loads the menu content. Do you want to change the colors?

5) Unfortunately, Custom heading WPBakery element does not have responsive options for the text. So, in your case you can just add the custom class for that element and then using this custom class add the custom styles using media queries for the iPad resolution.

Regards
#245777 Copied
gewoonbovenaan

Participant

July 29, 2020 at 14:00

5) can u please give me the css to make it smaller on ipad?

#245869 Copied

Olga Barlow

Support staff

July 29, 2020 at 14:34

Hello,

Could you, please, provide us with temporary WP Dashboard access to that site to help you?

Regards

#245875 Copied

gewoonbovenaan

Participant

July 29, 2020 at 15:12

Herewith
thanks!

Please contact administrator
for this information.

#245880 Copied

Olga Barlow

Support staff

July 29, 2020 at 16:38

Hello,

Done. Code added to page custom CSS http://prntscr.com/tqmy42

Regards

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