Super Sale Limited Time 50% OFF for All-Access Plans
Save 50% Now
Light
Dark
System
Ask  Question

not working dropdown menu


Hi, I am trying to apply demo43 to my angular project. I am having a problem like in the image in the link.

red areas do not work when clicking or mouse hovering. Also, the spaces in the header are slightly different. I wonder if a js is responsible for the related fields. Could I have imported something wrong?



user
Tolga HATİPOĞLU 3 years ago
Angular HTML
4 Answers
Text formatting options
Submit
Click any option to insert into your comment. Select text first to wrap it.
  • **text** to make things bold
  • *text* to emphasize
  • ### Heading to make headings
  • [link text](url) for links
  • ![alt text](image-url) to paste in an image
  • - item to make a list
  • 1. item to make an ordered list
  • > quote to quote somebody
  • `code` for single line of code
  • ```js ... ``` for JS code block
  • ```html ... ``` for HTML code block
  • ```scss ... ``` for SCSS code block
  • ```php ... ``` for PHP code block
  • --- for a horizontal rule
  • happy  :)
  • shocked  :|
  • sad  :(

Replies (4)

user
Faizal Author 3 years ago

Hi Tolga,

Glad you have solved it.

Thanks


user
Tolga HATİPOĞLU 3 years ago

The problem was in the navbar file. Getting the imported location into the div solved my problem.



user
Tolga HATİPOĞLU 3 years ago

Thank you. I import these js files in index.html and verify that these files are loaded from element inspector. Other than that, can you provide a guide to find the error?


user
Faizal Author 3 years ago

Hi,

The spaces in the header could be because of different HTML markup div, attributes or classes. Please verify with the HTML version view in the browser element inspector.

The dropdown is handled by the JS. Please try to import below JS files.

/html/demo43/dist/assets/plugins/global/plugins.bundle.js
/html/demo43/dist/assets/js/scripts.bundle.js

Thanks


Text formatting options
Submit
Click any option to insert into your comment. Select text first to wrap it.
  • **text** to make things bold
  • *text* to emphasize
  • ### Heading to make headings
  • [link text](url) for links
  • ![alt text](image-url) to paste in an image
  • - item to make a list
  • 1. item to make an ordered list
  • > quote to quote somebody
  • `code` for single line of code
  • ```js ... ``` for JS code block
  • ```html ... ``` for HTML code block
  • ```scss ... ``` for SCSS code block
  • ```php ... ``` for PHP code block
  • --- for a horizontal rule
  • happy  :)
  • shocked  :|
  • sad  :(
Text formatting options
Submit
Click any option to insert into your comment. Select text first to wrap it.
  • **text** to make things bold
  • *text* to emphasize
  • ### Heading to make headings
  • [link text](url) for links
  • ![alt text](image-url) to paste in an image
  • - item to make a list
  • 1. item to make an ordered list
  • > quote to quote somebody
  • `code` for single line of code
  • ```js ... ``` for JS code block
  • ```html ... ``` for HTML code block
  • ```scss ... ``` for SCSS code block
  • ```php ... ``` for PHP code block
  • --- for a horizontal rule
  • happy  :)
  • shocked  :|
  • sad  :(