Fixed Search Bar Issue And Back And Forth Issue

This commit is contained in:
devansh bawari 2020-10-29 18:06:28 +05:30
parent ec7f9a5b33
commit 661bd503e3
5 changed files with 23 additions and 6 deletions

File diff suppressed because one or more lines are too long

View File

@ -1,5 +1,5 @@
{
"/js/velocity.js": "/js/velocity.js?id=d8c35e4b86332dde5ebb",
"/css/velocity-admin.css": "/css/velocity-admin.css?id=4322502d80a0e4a0affd",
"/css/velocity.css": "/css/velocity.css?id=0e4cad1b4cfee81315a8"
"/css/velocity.css": "/css/velocity.css?id=b89a20dcbdff380f676a"
}

View File

@ -68,6 +68,11 @@
display: none !important;
}
#home-right-bar-container {
position: relative;
top: -48px;
}
.vc-full-screen {
display: none !important;
}
@ -76,6 +81,10 @@
display: block !important;
}
.force-center {
margin: 0 auto !important;
}
.main-content-wrapper {
z-index: 100;
margin-bottom: 25px;
@ -471,6 +480,7 @@
}
#search-form {
background: transparent;
width: 100%;
.selectdiv {
@ -1041,3 +1051,10 @@
display: none;
}
}
@media only screen and (max-width: 320px) {
#home-right-bar-container {
position: unset;
top: unset;
}
}

View File

@ -62,7 +62,7 @@
</script>
<script type="text/x-template" id="searchbar-template">
<div class="right searchbar vc-full-screen">
<div class="right searchbar">
<div class="row">
<div class="col-lg-5 col-md-12">
<div class="input-group">
@ -76,7 +76,7 @@
class="btn-toolbar full-width"
role="toolbar">
<div class="btn-group full-width">
<div class="btn-group full-width force-center">
<div class="selectdiv">
<select class="form-control fs13 styled-select" name="category" @change="focusInput($event)" aria-label="Category">
<option value="">
@ -124,7 +124,7 @@
</div>
</div>
<div class="col-lg-7 col-md-12">
<div class="col-lg-7 col-md-12 vc-full-screen">
{!! view_render_event('bagisto.shop.layout.header.cart-item.before') !!}
@include('shop::checkout.cart.mini-cart')
{!! view_render_event('bagisto.shop.layout.header.cart-item.after') !!}

View File

@ -1,4 +1,4 @@
<header class="sticky-header" v-if="!isMobile()">
<header class="sticky-header">
<div class="row remove-padding-margin velocity-divide-page">
<logo-component add-class="navbar-brand"></logo-component>
<searchbar-component></searchbar-component>