[Support request] Secondary menu mobile view

[Dev]

Hello,

I want to display my secondary menu items open like the below screenshot image.

https://prnt.sc/wmfnbx

At present, my site’s secondary items in mobile view appear like the below image.

http://prnt.sc/wmfp9a

And I also want the items on the secondary menu should be in bold. And after a search, an icon search should be written.

Please tell me how I can achieve all that.

[David]

Hi there,

this article explains how to keep the desktop ( inline ) menu on mobile for the secondary nav:

https://docs.generatepress.com/article/disable-secondary-navigation-mobile-menu/

To make the secondary menu items bold you can use this CSS:

.secondary-navigation .main-nav ul li a {
  font-weight: bold;
}

And to add a ‘search’ label to the icon add this CSS:

.secondary-menu-bar-items .menu-bar-item.search-item > a:after {
  content: 'Search';
  margin-left: 10px;
}

[Dev]

Hello,

Thanks.

Please see the below video link.

https://share.getcloudapp.com/nOuDxddW?collection_id=3nfnMp

I want to make my search page like how we can do that?

More, please see the below image link. Is this shadow, or how can I add that in my header.

https://prnt.sc/wmoo9i

And as we are adding lots of CSS code, will it impact the site speed? What’s the solution?

Please let me know.

[Ying]

Hi Dev,

Could you open a new topic for these new questions?
It’s easier for us to track. Thanks!

[Author]

Posts