Accordion menu in I Am One Pro

[Ross]

Hi,

This menu works fine on web, but on mobile it’s just one long list (eventually it’ll be about 50 links).

http://www.knight-graphics.co.uk/dev/

How can I make an accordion menu on mobile, please?

Ta,

Ross

[Sonnal S Sinha]

Hi Ross,

Kindly go to Appearance>>Theme Option>>Basic Setting>>Custom CSS Box

Add this code there:

.nav{height:auto !important;}

Regards,
Dave

[Ross]

Blimey, that was quick!

Have tried that Dave but it hasn’t made a difference.

Can you double check the site on mobile please?

Ta,

Ross

[Sonnal S Sinha]

Hi Ross,

Can you send us screenshots? Upload your screenshot on imgur.com and paste the share URL here.

Regards,
Dave

[Ross]

Here you go.

http://imgur.com/a/c5qSs

[Sonnal S Sinha]

Kindly send us WordPress admin details here: sktthemes.net/contact will apply a scroll bar.

Regards,
Shri

[Sonnal S Sinha]

Hi Ross,

You can use these plugins for menu:

https://wordpress.org/plugins/wp-responsive-menu/
https://wordpress.org/plugins/responsive-menu/screenshots/

Regards,
Brad

[Ross]

Hi Brad and Shri,

I installed the above plugin – I now have a menu which works how I want it to, thanks.

However, BOTH menus are now showing on mobile. There’s a box in the plugin which says: “Enter the css class/ids for different elements you want to hide on mobile separeted by a comma(,). Example: .nav,#main-menu”

Can you tell me the code I need to add please to get rid of the ‘web’ nav on mobile, and leave the responsive one? “nav,#main-menu” just stops the web one from opening – I need it gone completely.

Here’s a grab: http://imgur.com/a/tCrxa

Or you can try the site on your phone: http://www.knight-graphics.co.uk/dev/

Ta,

Ross

[Sonnal S Sinha]

Hi Ross,

Kindly go to Appearance»Theme Options»Basic Settings»Custom CSS Box:

Add this code there:

@media screen and (max-width:767px) {
.toggle { display:none;}
}

Regards,
Brad

[Ross]

Worked! Thanks very much Brad!

[Sonnal S Sinha]

🙂

[Author]

Posts