{"action":"opened","issue":{"url":"https://api.github.com/repos/passy/angular-masonry/issues/123","labels_url":"https://api.github.com/repos/passy/angular-masonry/issues/123/labels{/name}","comments_url":"https://api.github.com/repos/passy/angular-masonry/issues/123/comments","events_url":"https://api.github.com/repos/passy/angular-masonry/issues/123/events","html_url":"https://github.com/passy/angular-masonry/issues/123","id":100270148,"number":123,"title":"change gutter size on mobile","user":{"login":"knulan","id":5101556,"avatar_url":"https://avatars.githubusercontent.com/u/5101556?v=3","gravatar_id":"","url":"https://api.github.com/users/knulan","html_url":"https://github.com/knulan","followers_url":"https://api.github.com/users/knulan/followers","following_url":"https://api.github.com/users/knulan/following{/other_user}","gists_url":"https://api.github.com/users/knulan/gists{/gist_id}","starred_url":"https://api.github.com/users/knulan/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/knulan/subscriptions","organizations_url":"https://api.github.com/users/knulan/orgs","repos_url":"https://api.github.com/users/knulan/repos","events_url":"https://api.github.com/users/knulan/events{/privacy}","received_events_url":"https://api.github.com/users/knulan/received_events","type":"User","site_admin":false},"labels":[],"state":"open","locked":false,"assignee":null,"milestone":null,"comments":0,"created_at":"2015-08-11T09:35:22Z","updated_at":"2015-08-11T09:35:22Z","closed_at":null,"body":"hi. i need to change gutter size on mobile view (need gutter in pixels). i have a code:\r\n```javascript\r\n$scope.masonryGutter = 30;\r\n    $scope.$on('isMobile', function(){  //checking if window has width less 768px\r\n        $timeout(function(){ \r\n            $scope.masonryGutter = 15;\r\n            $rootScope.$broadcast('masonry.reload'); \r\n        }, 5000);\r\n    });\r\n```\r\n```html\r\n    <masonry \r\n       class=\"masonry-container fit-width\" \r\n       load-images=\"true\" \r\n       preserve-order \r\n       masonry-options=\"{gutter:{{masonryGutter}}, isFitWidth: true }\" \r\n    >\r\n        <div class=\"masonry-brick> .... </div>\r\n    </masonry>\r\n```\r\nbut this is not working. so is there a way to do this or maybe some alternatives?"}}