Download
Thanks Ree for your efforts and time creating this theme. I plan to use Bootstrap 3 for all my future projects and combined with GS it makes a flexible and powerful combination.
Kolyok, What solution do you use for number 2. I'm also looking for a way to have the parent menu hover for dropdown (on desktops) and click to go to URL. Some customers still want a parent menu click-able to another page. I think it's getting more and more non-standard because you have the issue with mobile devices not having HOVER.
Looking forward to discussing this theme and any hints and tips that may be relevant.
I've just found out that if you place the following CSS in the css/Bootstrap3.css file then any inserted images scale gracefully in all devices and browser widths.
img, img a {
max-width:100%;
}
You need to make sure that you remove the height and width when inserting the image though or it will stay at that size. (Ree, maybe a suggestion for a future version
)
Another tip for those people using i18n_navigation - you need to disable / remove it and use the native GS Menu manager and Parent dropdown to handle navigation and dropdowns in GS + BS3.
Also if you are using i18n_Gallery then make sure you only load one copy of jquery. Still experimenting with this at the moment but the latest jquery that works with both the gallery AND the dropdown menu is 1.8.0 - newer ones disable the Close button (for prettyphoto) and older ones disable the dropdown menus in BS3?? Maybe there is another solution but this one seems to have no drawbacks yet.
I have the latest jquery.prettyPhoto.js file but 1.8.0 seems to be OK - haven't tried other gallery options (Cycle, fancybox etc but I assume they should work OK with 1.8.0)
Let us know if you come across any other similar issues / tips.
Kolyok, What solution do you use for number 2. I'm also looking for a way to have the parent menu hover for dropdown (on desktops) and click to go to URL. Some customers still want a parent menu click-able to another page. I think it's getting more and more non-standard because you have the issue with mobile devices not having HOVER.
Looking forward to discussing this theme and any hints and tips that may be relevant.
I've just found out that if you place the following CSS in the css/Bootstrap3.css file then any inserted images scale gracefully in all devices and browser widths.
img, img a {
max-width:100%;
}
You need to make sure that you remove the height and width when inserting the image though or it will stay at that size. (Ree, maybe a suggestion for a future version
)Another tip for those people using i18n_navigation - you need to disable / remove it and use the native GS Menu manager and Parent dropdown to handle navigation and dropdowns in GS + BS3.
Also if you are using i18n_Gallery then make sure you only load one copy of jquery. Still experimenting with this at the moment but the latest jquery that works with both the gallery AND the dropdown menu is 1.8.0 - newer ones disable the Close button (for prettyphoto) and older ones disable the dropdown menus in BS3?? Maybe there is another solution but this one seems to have no drawbacks yet.
I have the latest jquery.prettyPhoto.js file but 1.8.0 seems to be OK - haven't tried other gallery options (Cycle, fancybox etc but I assume they should work OK with 1.8.0)
Let us know if you come across any other similar issues / tips.
