Return to previous page

Trying to use burger menu for all devices. Visibility problem on PC screen size.

This topic has 5 replies, 2 voices, and was last updated 3 years, 10 months ago ago by Tony Gillham

Tony Gillham

Participant

March 12, 2021 at 17:28

The site I am currently developing is supposed to have a burger/mobile menu for all screen sizes, so I selected the last header type ( #19 )

With the light header type option selected I can see that the menu is there (mouse pointer changes on rollover) but it is white on a white background.

In WP additional CSS page I tried editing the CSS to

.hamburger-icon: { color: #414141 !important }

but it had no effect. Changing the background colour of the icon kind of works:

.hamburger-icon: { background-color: #414141 !important }

So I am nearly there – just not seeing the actual menu.

I tried looking at previous answers and they refer to a header builder and something called WCAG, which I don’t appear to have. What is that?

Please, contact administrator
for this information.

#279095 Copied Theme version: 6.3.2

4 Answers
Rose Tyler

Support staff

March 14, 2021 at 09:13
Hello,

Change this code – http://prntscr.com/10l6g18 to

.hamburger-icon { background-color: #ff9001; }

and delete this code – http://prntscr.com/10l6gjo

Regards
#279231 Copied
Tony Gillham

Participant

March 15, 2021 at 10:01

Hi Rose,

I had already changed the theme Global CSS as you suggested and am not getting a visible icon.

As you can see from the screenshot, the css is in place but the icon is not showing. One strange thing I do notice is when I ‘Inspect’ in Chrome there is another area above the header highlighted in the top bar.

https://prnt.sc/10m48yf

I tried changing the top bar colour to see if the icon was appearing twice but it is invisible both in the position it should be and the area in the top bar.

#279312 Copied

Rose Tyler

Support staff

March 15, 2021 at 10:23

Hello Tony Gillham,

Clear cache and check now – http://prntscr.com/10m4zwn > http://prntscr.com/10m502k

Regards

#279319 Copied

Tony Gillham

Participant

March 15, 2021 at 10:49

OK well it is now working… I think maybe my cache wasn’t cleared. There is another issue with WPBakery front end but I will create a new ticket for that if it has not already been addressed in these forums,

Thanks

#279330 Copied
Viewing 5 results - 1 through 5 (of 5 total)

The issue related to '‘Trying to use burger menu for all devices. Visibility problem on PC screen size.’' has been successfully resolved, and the topic is now closed for further responses

Trying to use burger menu for all devices. Visibility problem on PC screen size.

Recent Topics

Helpful Topics

Useful links WooCommerce & WordPress

Browse by popular tags:

Explore our best WordPress WooCommerce Themes collection