Forums

web site responsive with the plugin fullpage.js

Permalink
Hello,
I need some help with my web site. I'm using the plugin fullpage.js,but when I tried it on the mobile the web page is not responsive. I also have another page in the website that does not use the plugin, and it is responsive. So I think I have well declare the framework bootstrap.
I don't know where to look at, I'm really mad with this issue because I have spend a lot of time to make it beautiful if I can say.
May be showing my page_theme will help :
namespace Application\Theme\Elegant;
use Concrete\Core\Page\Theme\Theme;
class PageTheme extends Theme{
    protected $pThemeGridFrameworkHandle='bootstrap3';
    public function registerAssets(){
      $this->providesAsset('javascript', 'bootstrap/*');
      $this->providesAsset('css', 'bootstrap/*');
      $this->providesAsset('css', 'blocks/form');
      $this->providesAsset('css', 'core/frontend/*');
      $this->requireAsset('javascript', 'jquery');
    }


I don't want to change from concrete to wordpress, I really enjoy concrete5, and I want to learn, solving that problem.
I thought about using the media queries, but it's been 3 days working on it and I do not see the end. Even when I finally finished the media queries for smart phone, unfortunately I find that I now had to do it for landscape mode, and for each category of screen size. So I thought that someone more experienced might could help me. I would be very grateful.
 
MrKDilkington replied on at Permalink Reply
MrKDilkington
Hi cofla8,

To better assist you, please include the address of your website and which pages use fullpage.js and which do not.

From your description, you will likely have the same issue regardless of the CMS you use.
cofla8 replied on at Permalink Reply
Hello MrKDilkington,

Unfortunately the website is not yet online. But I have an idea using media queries in the file to disable the fullpage.js autoscrolling and activate fitToSection the option.
Like this :
if (window.matchMedia("(min-width: 600px)").matches) {
} else {
}

This allows me to have a better visual, and compensate the strange behavior of the grid bootstrap and especially to reduce the amount of component positioning. I think uploading the site soon, for now it is installed on WAMP locally, I hope the launch will be done smoothly.

Thank you very much for reading me and offer me your help MrKDilkington.
nesoor replied on at Permalink Reply
nesoor
Hey cofla8,

MrKDilkington is right, he helped me often and probably your problem is just a small thing you overlooked.
Post a link of your website and check your template a few times.

I made many small mistakes that could be solved easily :)
cofla8 replied on at Permalink Reply
Hi nessor,

You've probably right. Thank you for your encouragement.