The responsiveness of this template is messed up. It looks fine when viewing in a large browser on a desktop. However, when viewing on a smaller browser or on a mobile device the layout breaks. I noticed this at the 3 following breakpoints.
1. When the browser window is less than 975 px width the slider div and the intro-text div (the logo) jumps up and overlaps the navigation.
2. When the browser window is less than 955 px width, in addition to the breakpoint 1 issues, the navigation menu links jump down and are no longer horizontally aligned with the navbar-brand div
3. When the browser window is less than 750 px width the slider control (left and right arrows) divs get messed up and the intro-text div (the logo) expanded to a full size image and underlaps another div so only a portion is visible.
You can see these issues on the Regular Navigation Slider demo here on wrapbootstrap http://demo.distinctivethemes.com/templates/thegrill/regular-navigation/index.html just load the page and resize your browser
Can you please give an estimated timeline for fixing these issue since the template is not usable in this state?
Thanks for letting me know, iv just fixed this and sent the new css to the demo as you can see. Ill upload the new update here shortly, however you can simply copy the CSS from http://demo.distinctivethemes.com/templates/thegrill/regular-navigation/assets/css/style.css if you wish to crack on in the mean time
Write a comment
This is a great way to give the seller feedback and ask them questions about their item.
You must sign in to write a comment
|Bootstrap:||Compatible with 3.3.x|
|Labels:||bar, boostrap, event, food, menu, mobile first, responsive, restaurant|
|Released:||2 years ago|
Need an admin template?
Bootstrap is designed to help people of all skill levels – designer or developer, huge nerd or early beginner. Use it as a complete kit or use it to start something more complex.
Unlike other front-end toolkits, Bootstrap was designed first and foremost as a styleguide to document not only its features, but best practices and living, coded examples.
Built to support new HTML5 elements and syntax with progressively enhanced components.
Bootstrap is tested and supported in major modern browsers like Chrome, Firefox, and Internet Explorer.
- Latest Chrome
- Latest Firefox
- Latest Safari
- Latest Edge
- Internet Explorer 10/11
- Latest Opera
Features & includes
Bootstrap provides an unparalleled array of features and reusable components that let you hit the ground running: