0
Welcome Guest! Login
0 items Join Now

Lack of Responsive (Bootstrap) in Afterburner2?

Last Post
Search Topic

  • Lack of Responsive (Bootstrap) in Afterburner2?

    Posted 8 years 5 months ago
    • Gantry more or less elminates the need for Bootstrap when it come to the site in general, but I have added in a shopping cart (Hikashop) which requires bootstrap for responsive behavior. Apparently, Afterburner doesn't include bootstrap for the benefit of speeding things up? overdrivemerch.com/product-categories.html is where you can see the site and see what I mean. It's creating one larger column spanning the entire body of the template with tons of white space on either side. Great for mobile, not so much on a desktop. I also use an almost identical setup with the Audacity template hotpicksusa.com/online-store.html and it seems to work just fine here.

      So I'm left with 2 options - find someway to add/enable bootstrap (which I thought the core of Joomla included?) or switch templates. REALLY don't want to switch tempaltes this close to Thanksgiving, but I will if it's the only option.

      Suggestions?
    • Best,
      Michael Buttitta
    #1325167
    • Matt's Avatar
    • Matt
    • Preeminent Rocketeer
    • Posts: 22283
    • Thanks: 3226
    • messin' with stuff

    Re: Lack of Responsive (Bootstrap) in Afterburner2?

    Posted 8 years 5 months ago
    • We don't use/include Bootstrap in Gantry 4 or 5

      Joomla has a modified version of Bootstrap 2x that it loads... Gantry loads some overrides to compensate for some stuff... but Gantry has its own grid system

      Loading Bootstrap isn't too hard... you can just stick the maxcdn link in your index.php <head></head> section

      www.bootstrapcdn.com/
    • SEARCH the forum first! These boards are rich in knowledge and vast in topics. This includes searching just the 'Solved' forums, using Google, and using ChatGPT :woohoo:
    #1325209

  • Re: Lack of Responsive (Bootstrap) in Afterburner2?

    Posted 8 years 5 months ago
    • Hey Matt,

      Tried adding the css link in the head as you suggested, as well as adding the js script at the bottom and still no luck.

      Any other ideas?

      It also makes me more curious then why the Audactiy template is working properly splitting out to 3 comuns on the desktop site and single column on mobile if it's the same underlying base code? Is it actually using a Gantry grid system in this template while the Afterburner2 tempalte has removed it?
    • Best,
      Michael Buttitta
    #1325213
    • Matt's Avatar
    • Matt
    • Preeminent Rocketeer
    • Posts: 22283
    • Thanks: 3226
    • messin' with stuff

    Re: Lack of Responsive (Bootstrap) in Afterburner2?

    Posted 8 years 5 months ago
    #1325215

  • Re: Lack of Responsive (Bootstrap) in Afterburner2?

    Posted 8 years 5 months ago
    • Hi Matt,

      Afterburner2 Site NOT breaking into columns:
      http://overdrivemerch.com/product-categories.html

      Audacity Site IS breaking into columns
      http://hotpicksusa.com/online-store.html

      Both using Gantry 4.1.32
      Both using Joomla 3.6.4
      Both using exact same verion of Hikashop and set up almost identical, double checked parameters so they match
      Same root level page of the store
      Both running on the same server so same version of Apache, PHP, MySQL, etc.

      Only significant difference is the template being used, if the underlying structure is identical.

      If Audacity doesn't need any additional Bootstrap code, I wouldn't think Aferburner would. So why the different behavior?

      Hikashop has a parameter in the cart to display via tables, lists or bootstrap. By turning on bootstrap, Audacity instantly complied to the proper div behavior of stacking as the page shrinked. Afterburner forced a 100% div on every container.

      ~Michael
    • Best,
      Michael Buttitta
    #1325246

  • Re: Lack of Responsive (Bootstrap) in Afterburner2?

    Posted 8 years 5 months ago
    • It's absolutely Afterburner. As a test to be sure it's not something unique to the Audactiy template, I downloaded Cygnet and simply swapped default tempaltes. The store immediate changed to span 3 columns on the desktop, so it's absolutely the tempalte.

      As I orginally said, I'll switch tempaltes if I have to (and I probably will). But like my other issue with the navigation button, I'd really like to know why this is happening to better understand everything. Probably good for you guys to know as well I'd think?

      Thank you,

      ~Michael
    • Best,
      Michael Buttitta
    #1325251

Time to create page: 0.066 seconds