Archived topic

Secondary menu mobile view

3 replies · Started by Dev on January 13, 2021

Viewing posts 1–4 of 4

January 13, 2021 at 1:19 am #1616634

Hello,

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

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

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.

January 13, 2021 at 4:49 am #1616828

Hi there,

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

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;
}

January 13, 2021 at 7:25 am #1617253

Hello,

Thanks.

Please see the below video link.

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.

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

Please let me know.

January 13, 2021 at 10:22 am #1617491

Hi Dev,

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

This archived topic is closed to new replies.