Libbna / drupal_republicindia

Building exact republic India news site using drupal 9
0 stars 1 forks source link

Make a sliding navigation menu #3

Closed Libbna closed 2 years ago

Libbna commented 2 years ago

Ref: Image Screenshot from 2021-12-14 13-44-15

The navigation menu slides after clicking on arrow buttons.

Libbna commented 2 years ago

Created a menu list using view block list. And a a view slider to it. For view slider there is a drupal module ~ view slideshow.

TODO:

Facing issue in styling the menu items because of slider. Right now it is looking like, Screenshot from 2021-12-14 23-50-17

Libbna commented 2 years ago

For adding the slick external library I followed this link https://www.valuebound.com/resources/blog/how-to-build-a-custom-slider-using-slick-library-drupal-8 but it didn't work. Will do some more research around it.

Libbna commented 2 years ago

b836c9f:
ezgif com-gif-maker (2)

For slider, Install slick and blazy zip folder, extract them and paste them into your drupal site's library folder.

Slick : https://github.com/kenwheeler/slick/ Blazy: https://github.com/dinbror/blazy

TODO: change the arrows according to ref. image.

Libbna commented 2 years ago

8f36aba: Screenshot from 2021-12-28 15-41-57