Fixed Respoonsive Issue

This commit is contained in:
gusaindeepak54 2020-10-28 10:58:40 +05:30
parent 9b24f3b1c7
commit dd321515ef
7 changed files with 45 additions and 14 deletions

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

View File

@ -1,5 +1,5 @@
{
"/js/velocity.js": "/js/velocity.js?id=497d255676e26e428e3c",
"/js/velocity.js": "/js/velocity.js?id=3a2c3ff368005724ac15",
"/css/velocity-admin.css": "/css/velocity-admin.css?id=4322502d80a0e4a0affd",
"/css/velocity.css": "/css/velocity.css?id=f3471c09369c572c9a1b"
"/css/velocity.css": "/css/velocity.css?id=e216b0502de8c62e8df3"
}

View File

@ -4,6 +4,23 @@
}
@media only screen and (max-width: 1192px) {
.sticky-header {
display: block !important;
}
.vc-full-screen{
display: block !important;
}
.vc-small-screen {
display: none !important;
}
#main-category {
display: block !important;
}
.footer {
.footer-content {
.newsletter-subscription {
@ -108,6 +125,20 @@
}
}
#webheader {
display: none !important;
position: fixed;
background-color: $white-color;
}
#main-category {
display: none !important;
}
.vc-full-screen{
display: none !important;
}
.main-container-wrapper {
// position: relative;
}

View File

@ -1,7 +1,7 @@
@push('scripts')
<script type="text/x-template" id="content-header-template">
<header class="row velocity-divide-page vc-header header-shadow active">
<div class="vc-small-screen container" v-if="isMobile()">
<div class="vc-small-screen container">
<div class="row">
<div class="col-6">
<div v-if="hamburger" class="nav-container scrollable">
@ -370,7 +370,7 @@
</div>
<div
v-else
id="main-category"
@mouseout="toggleSidebar('0', $event, 'mouseout')"
@mouseover="toggleSidebar('0', $event, 'mouseover')"
:class="`main-category fs16 unselectable fw6 ${($root.sharedRootCategories.length > 0) ? 'cursor-pointer' : 'cursor-not-allowed'} left`">

View File

@ -9,13 +9,13 @@
@push('scripts')
<script type="text/x-template" id="featured-products-template">
<div class="container-fluid featured-products">
<shimmer-component v-if="isLoading && !isMobileView"></shimmer-component>
<shimmer-component v-if="isLoading"></shimmer-component>
<template v-else-if="featuredProducts.length > 0">
<card-list-header heading="{{ __('shop::app.home.featured-products') }}">
</card-list-header>
<div class="carousel-products vc-full-screen {{ $direction }}" v-if="!isMobileView">
<div class="carousel-products vc-full-screen {{ $direction }}">
<carousel-component
slides-per-page="6"
navigation-enabled="hide"
@ -37,7 +37,7 @@
</carousel-component>
</div>
<div class="carousel-products vc-small-screen {{ $direction }}" v-else>
<div class="carousel-products vc-small-screen {{ $direction }}">
<carousel-component
slides-per-page="2"
navigation-enabled="hide"

View File

@ -9,7 +9,7 @@
@push('scripts')
<script type="text/x-template" id="new-products-template">
<div class="container-fluid">
<shimmer-component v-if="isLoading && !isMobileView"></shimmer-component>
<shimmer-component v-if="isLoading"></shimmer-component>
<template v-else-if="newProducts.length > 0">
<card-list-header heading="{{ __('shop::app.home.new-products') }}">
@ -27,7 +27,7 @@
@endpush
<div class="row {{ $direction }}">
<div class="col-9 no-padding carousel-products vc-full-screen with-recent-viewed" v-if="!isMobileView">
<div class="col-9 no-padding carousel-products vc-full-screen with-recent-viewed">
<carousel-component
slides-per-page="5"
navigation-enabled="hide"
@ -48,7 +48,7 @@
</carousel-component>
</div>
<div class="col-12 no-padding carousel-products vc-small-screen" v-else>
<div class="col-12 no-padding carousel-products vc-small-screen">
<carousel-component
slides-per-page="2"
navigation-enabled="hide"
@ -75,7 +75,7 @@
])
</div>
@else
<div class="carousel-products vc-full-screen {{ $direction }}" v-if="!isMobileView">
<div class="carousel-products vc-full-screen {{ $direction }}">
<carousel-component
slides-per-page="6"
navigation-enabled="hide"
@ -96,7 +96,7 @@
</carousel-component>
</div>
<div class="carousel-products vc-small-screen {{ $direction }}" v-else>
<div class="carousel-products vc-small-screen {{ $direction }}">
<carousel-component
slides-per-page="2"
navigation-enabled="hide"