Get 2024 Templates Mega Bundle!14 Bootstrap, Vue & React Templates + 3 Vector Sets
Get for 99$

Metronic theme menu problems


Hello,

I'm using Metronic latest version, when I try to implement the following page - templates - hiring-page.html (you will find it attached) the menu pushes all other items down. I attach a screenshot.

hiring-page.html:
https://pastebin.com/E0svkV9e

This is the theme layout - default-light-sidebar.html:
https://pastebin.com/wYst4Aw4

Here is a screenshot of the problem that I am encountering:
https://ibb.co/tJJfnLs
https://ibb.co/BZDswtC
https://ibb.co/bvm6sWQ

Please help me, what should I change so that the menu and all the elements are on one level

Regards,
Yordan


Text formatting options
Submit
Here's a how to add some HTML formatting to your comment:
  • <pre></pre> for JS codes block
  • <pre lang="html"></pre> for HTML code block
  • <pre lang="scss"></pre> for SCSS code block
  • <pre lang="php"></pre> for PHP code block
  • <code></code> for single line of code
  • <strong></strong> to make things bold
  • <em></em> to emphasize
  • <ul><li></li></ul>  to make list
  • <ol><li></li></ol>  to make ordered list
  • <h3></h3> to make headings
  • <a></a> for links
  • <img> to paste in an image
  • <blockquote></blockquote> to quote somebody
  • happy  :)
  • shocked  :|
  • sad  :(

Replies (5)


Hi,

May I know which Metronic version are you using?

Could you please compare your code with the original template that works? Probably you missed some markup code that breaks the page layout.

If you encounter any such issue in the original template please let us know. Otherwise, you can just refer to the working template code and find the broken/missing HTML tags in your code that are probably the root of the issue.

Regards.



Hi Sean,

Thank you for the answer the Metronic version is v8.1.8 and I did check the code and I have not missed any markup code.

In the original template when I tried to use the default-light-sidebar.html layout it still broke the page and pushed my content under the sidebar.

Regards,
Yordan.



Hi,

We are about to release Metronic v8.1.9 update with lots of new features and improvements. Can you please try to use this new version when it's available in 1-2 hours? This issue should be addressed in the new update.

Regards.



Hi,

I installed the new release (v8.1.9) and after I ran it and opened my browser the theme was messed up (I think the css and javascript is not loading properly). I have not changed anything so this is probably an error with the theme. Here is a snip:

https://ibb.co/GFkDqG8

Regards,
Yordan.



Hi

Sorry for the late reply. We have been busy with a quick v8.2.0 release for Metronic these days.

Could you please try to download the latest v8.2.0 from your Themeforest Downloads page and give it another try?

If you need any further help please just reply to us here and we will try to reply to you as fast as possible.

Regards.


Text formatting options
Submit
Here's a how to add some HTML formatting to your comment:
  • <pre></pre> for JS codes block
  • <pre lang="html"></pre> for HTML code block
  • <pre lang="scss"></pre> for SCSS code block
  • <pre lang="php"></pre> for PHP code block
  • <code></code> for single line of code
  • <strong></strong> to make things bold
  • <em></em> to emphasize
  • <ul><li></li></ul>  to make list
  • <ol><li></li></ol>  to make ordered list
  • <h3></h3> to make headings
  • <a></a> for links
  • <img> to paste in an image
  • <blockquote></blockquote> to quote somebody
  • happy  :)
  • shocked  :|
  • sad  :(
Text formatting options
Submit
Here's a how to add some HTML formatting to your comment:
  • <pre></pre> for JS codes block
  • <pre lang="html"></pre> for HTML code block
  • <pre lang="scss"></pre> for SCSS code block
  • <pre lang="php"></pre> for PHP code block
  • <code></code> for single line of code
  • <strong></strong> to make things bold
  • <em></em> to emphasize
  • <ul><li></li></ul>  to make list
  • <ol><li></li></ol>  to make ordered list
  • <h3></h3> to make headings
  • <a></a> for links
  • <img> to paste in an image
  • <blockquote></blockquote> to quote somebody
  • happy  :)
  • shocked  :|
  • sad  :(