Get 2025 Templates Mega Bundle!$1000 worth of 19 Bootstrap HTML, Vue & React Templates + 3 Vector Sets for just $99
Get for 99$

Header not responsive in mobile


This is not a question but a bug report (I don't know where to submit a ticket). The header in React demo 1 is not responsive (profil dropdown icon should be at right corner)


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 (8)


Thanks for pointing out the issue with the React demo! Responsiveness is critical in ensuring a seamless user experience. For example, on websites like Dutch Bros Menu, which provides a detailed list of menu items and prices, responsive design ensures that users can easily browse and interact with the content across devices. A well-aligned header, with elements like a profile dropdown icon placed at the right corner, adds to the overall ease of navigation.



Thanks for bringing this up! It's crucial that the header in React demo 1 is fully responsive, as issues like a misaligned profile dropdown can affect usability, especially on smaller screens. If you're dealing with similar issues related toGlobe SIM registration verification reporting them through the appropriate channels, like the project's bug tracker or support forum, can help ensure quick resolutions. Have you considered checking their GitHub repository or support page for submitting any tickets?


Deleted comment

If your website header isn’t responsive on mobile devices, it can affect the overall user experience and may lead to navigation issues, which could result in a drop in engagement. Responsive headers are essential to ensure your site adjusts smoothly across various screen sizes. One possible solution could involve adjusting CSS properties, like width and padding, or using media queries to make the header responsive. Another approach might be exploring mobile-friendly design options or plugins if your website is built on platforms like WordPress. marmaray



Thanks for pointing this out! It's definitely important for the header in React demo 1 to be fully responsive. The profile dropdown icon being misaligned from the right corner could impact usability, especially on smaller screens. If you're looking for where to submit such reports, you might want to check if the project has a dedicated bug tracker or support page. For example, I recently had a similar issue with a responsive design in new.globe.com.ph.simreg, and reporting it through the proper channel helped get it fixed quickly. Have you tried checking the project's GitHub repository or support forum for submitting tickets?



If your website header isn’t responsive on mobile devices, it can affect the overall user experience and may lead to navigation issues, which could result in a drop in engagement. Responsive headers are essential to ensure your site adjusts smoothly across various screen sizes. One possible solution could involve adjusting CSS properties, like width and padding, or using media queries to make the header responsive. Another approach might be exploring mobile-friendly design options or plugins if your website is built on platforms like WordPress.

For instance, a responsive header can enhance usability when users look up Globe SIM Registration or similar services, providing seamless access to the content.



Master the 1z0-1054-23 exam with our comprehensive collection of real exam questions and accurate answers. Designed by experts, our practice questions cover every essential topic, ensuring you're fully prepared for the exam. Whether you're aiming for certification or upgrading your skills, our detailed answers provide the depth and clarity needed to understand complex concepts. With our practice tests, you'll gain confidence in navigating real-world scenarios and solving challenging problems. Stay ahead of the curve with the most current and relevant exam content available. Start your journey towards success today with our trusted study material for https://www.activedumpsnet.com/product-detail/1z0-1054-23.html exam preparation.



Hi Yassine,

I appreciate you bringing this to our attention so that we can deal with it immediately.

After checking I see that there is an issue with spacing on the mobile view, we will check this issue in more detail and include a fix in the next Metronic releases.

For now, as a temporary solution, you can replace class flex-lg-grow-1 with container-xxl in file src/_metronic/layout/components/header/HeaderWrapper.tsx.

Regards,
Lauris Stepanovs,
Keenthemes Support Team


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  :(