Change the menu style on mobile

[designo1]

I want the mobile menu style (480px or less) to be the same as the desktop menu style (481px or more).
Please refer to attached image. How can I fix it?

 

 

 

Attachments:

You must be logged in to view attached files.

[Laura]

Hello, will assign the ticket to a higher support level who can help and advise you in your query.
Thanks! ?

Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution

Laura Solanes - Graphic Designer and Web Designer

Please be patient as I try to answer each topic as fast as i can.

If you like the theme or the support you've received please consider leaving us a review on Themeforest!

Always happy to help you 🙂

[Radu]

Hi,

Are you talking about the BuddyPress user menu?

Add this CSS

COPY CODE

#buddypress div.item-list-tabs ul {
		width: auto !important;
	}
	#buddypress div#item-nav {
    padding: 0;
  }
  #buddypress div#item-nav .responsive-tabs {
    height: 102px !important;
  }
  #buddypress div#item-nav ul li a:before {
    margin-bottom: 10px !important;
}

#buddypress div#item-nav ul li.current a {
    padding: 10px 0px !important;
}

The CSS will be added to wp-admin -> theme options -> general settings -> quick CSS

Cheers
R.

Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution

What support service includes ? What not ?

[designo1]

Thank you for answering my ticket.
However, this method has the problem of harming the alignment of the icon.
I need a way to turn off the feature without touching the icon layout.
I would really appreciate it if you could give me a new way.

[Radu]

Hi,

For the moment only the CSS can be provided, that it’s manipulated by JS when there isn’t enough space… in future, we will take into consideration allowing the ability to allow users to turn on/off that feature.

Cheers
R

Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution

What support service includes ? What not ?

[Author]

Posts