[Resolved] Want some stylish elements like 3rd navigation only for mobile and a featured

[Rohan Verma]

Hello I Want some stylish elements like 3rd navigation only for mobile and a featured. Have shared two websites with the example.

[David]

Hi there,

the Get Droid tips site you could use the Secondary Navigation for, then follow this guide to keep the desktop horizontal view on mobile:

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

Once thats in place let me know and i can help with some CSS to make it scrollable.

[Rohan Verma]

Hello David I have added the php code with nav bar 2 under header. Everything is working. Now please help me to do the slide thing.

I have updated our link so that you can check our site.

Thanks and Regards

[Rohan Verma]

Any update David?

[David]

Change the CSS in that document to this:

.secondary-navigation .menu-toggle {
    display: none;
}

@media(max-width: 768px) {
  .secondary-navigation {
      text-align: center !important;
  }
  .secondary-navigation ul {
      display: flex;
      overflow: auto;
  }
  .secondary-navigation .sf-menu>li {
      float: none;
      flex: 1 0 auto;
  }
}

[Rohan Verma]

Awesome it worked. Thanks David.
1) Can we add the any icon before the navigation menu just like the example site I gave.
2 How to make the pagination button style

Thanks in advance

[David]

1. Try this CSS:

.secondary-navigation:before {
    content: '';
    float: left;
    display: block;
    width: 40px;
    height: 40px;
    background-image: url('your_image_url')
}

2. I suggest starting a new topic for this

[Rohan Verma]

Thanks, David. everything works now. Your support is awesome

[David]

Glad to be of help

[Author]

Posts