How to hide times icon on closed side slide navigation?How to measure time taken by a function to executeHow to remove close button on the jQuery UI dialog?How to get the browser to navigate to URL in JavaScriptHow to close current tab in a browser window?How to place div side by sideHow do I keep two side-by-side divs the same height?How to add a browser tab icon (favicon) for a website?How can I add a box-shadow on one side of an element?How to style icon color, size, and shadow of Font Awesome IconsTrigger MDBootstrap side-nav with jQuery using custom hamburger button
Implicit conversion between decimals with different precisions
Earliest example of double planets in science fiction?
Is there a minimum amount of electricity that can be fed back into the grid?
How predictable is $RANDOM really?
Passwordless authentication - how invalidate login code
What is the fundamental difference between catching whales and hunting other animals?
Can the Four Elements monk's Shape the Flowing River elemental discipline create stairs by expending a single ki point?
Why no parachutes in the Orion AA2 abort test?
I'm feeling like my character doesn't fit the campaign
How did Einstein know the speed of light was constant?
Attach a visible light telescope to the outside of the ISS
Examples of fluid (including air) being used to transmit digital data?
Chilling juice in copper vessel
Did William Shakespeare hide things in his writings?
Gory anime with pink haired girl escaping an asylum
Array or vector? Two dimensional array or matrix?
comparing two addresses
Why does mean tend be more stable in different samples than median?
How did the IEC decide to create kibibytes?
How do resistors generate different heat if we make the current fixed and changed the voltage and resistance? Notice the flow of charge is constant
How to get the speed of my spaceship?
Well-ordered Cartesian product in ZF
Is this car delivery via Ebay Motors on Craigslist a scam?
Why do Martians have to wear space helmets?
How to hide times icon on closed side slide navigation?
How to measure time taken by a function to executeHow to remove close button on the jQuery UI dialog?How to get the browser to navigate to URL in JavaScriptHow to close current tab in a browser window?How to place div side by sideHow do I keep two side-by-side divs the same height?How to add a browser tab icon (favicon) for a website?How can I add a box-shadow on one side of an element?How to style icon color, size, and shadow of Font Awesome IconsTrigger MDBootstrap side-nav with jQuery using custom hamburger button
.everyoneloves__top-leaderboard:empty,.everyoneloves__mid-leaderboard:empty,.everyoneloves__bot-mid-leaderboard:empty margin-bottom:0;
I'm customizing a Shopify template and I have created color picker from scratch. Now I have created a X button which closes sliding side navigation, and I wanted to place the X button outside the sidenav but when the side navigation is closed the button is still there. I have tried adding a lower z-index to it, and adding a higher z-index to header, and it didnt worked. I will be much thankful for the help.
Open Side Nav:
Closed Side Nav:
As you can see the X button stays after sidenav is closed.
My HTML:
<div class="sidetimes">
<i class="fas fa-times" style="font-size: 30px;"></i>
</div>
My CSS:
.sidetimes
padding: 11px 30px 11px 10px;
background: #07c;
display: inline-block;
width: 27px;
border-radius: 0 5px 5px 0;
color: #fff;
cursor: pointer;
box-shadow: -10px 5px 14px 0px #444;
-webkit-box-shadow: 3px 5px 14px 0px #444;
-webkit-transform: translateX(0) translateZ(0);
transform: translateX(0) translateZ(0);
-webkit-animation: sliding-panel-close-button-in .4s forwards;
animation: sliding-panel-close-button-in .4s forwards;
-webkit-animation-delay: .3s;
animation-delay: .3s;
position: fixed;
z-index: 9999;
top: 36px;
margin-left: 39.5px;
javascript html css shopify
asked Mar 25 at 20:52
RegretsRegrets
256 bronze badges
add a comment |
I'm customizing a Shopify template and I have created color picker from scratch. Now I have created a X button which closes sliding side navigation, and I wanted to place the X button outside the sidenav but when the side navigation is closed the button is still there. I have tried adding a lower z-index to it, and adding a higher z-index to header, and it didnt worked. I will be much thankful for the help.
Open Side Nav:
Closed Side Nav:
As you can see the X button stays after sidenav is closed.
My HTML:
<div class="sidetimes">
<i class="fas fa-times" style="font-size: 30px;"></i>
</div>
My CSS:
.sidetimes
padding: 11px 30px 11px 10px;
background: #07c;
display: inline-block;
width: 27px;
border-radius: 0 5px 5px 0;
color: #fff;
cursor: pointer;
box-shadow: -10px 5px 14px 0px #444;
-webkit-box-shadow: 3px 5px 14px 0px #444;
-webkit-transform: translateX(0) translateZ(0);
transform: translateX(0) translateZ(0);
-webkit-animation: sliding-panel-close-button-in .4s forwards;
animation: sliding-panel-close-button-in .4s forwards;
-webkit-animation-delay: .3s;
animation-delay: .3s;
position: fixed;
z-index: 9999;
top: 36px;
margin-left: 39.5px;
javascript html css shopify
asked Mar 25 at 20:52
RegretsRegrets
256 bronze badges
I'm unable to find this sidepanel in screenshot product page link where i find working example of your sidepanel ? Thanks
– Hassan Siddiqui
Mar 25 at 21:46
This theme is on preview thats because it isnt showing it to you. Im working on a new theme and I this is just a preview. If you are intested I can give you credentials so you can log in and see the code. Thanks
– Regrets
Mar 25 at 22:05
add a comment |
I'm customizing a Shopify template and I have created color picker from scratch. Now I have created a X button which closes sliding side navigation, and I wanted to place the X button outside the sidenav but when the side navigation is closed the button is still there. I have tried adding a lower z-index to it, and adding a higher z-index to header, and it didnt worked. I will be much thankful for the help.
Open Side Nav:
Closed Side Nav:
As you can see the X button stays after sidenav is closed.
My HTML:
<div class="sidetimes">
<i class="fas fa-times" style="font-size: 30px;"></i>
</div>
My CSS:
.sidetimes
padding: 11px 30px 11px 10px;
background: #07c;
display: inline-block;
width: 27px;
border-radius: 0 5px 5px 0;
color: #fff;
cursor: pointer;
box-shadow: -10px 5px 14px 0px #444;
-webkit-box-shadow: 3px 5px 14px 0px #444;
-webkit-transform: translateX(0) translateZ(0);
transform: translateX(0) translateZ(0);
-webkit-animation: sliding-panel-close-button-in .4s forwards;
animation: sliding-panel-close-button-in .4s forwards;
-webkit-animation-delay: .3s;
animation-delay: .3s;
position: fixed;
z-index: 9999;
top: 36px;
margin-left: 39.5px;
javascript html css shopify
asked Mar 25 at 20:52
RegretsRegrets
256 bronze badges
I'm customizing a Shopify template and I have created color picker from scratch. Now I have created a X button which closes sliding side navigation, and I wanted to place the X button outside the sidenav but when the side navigation is closed the button is still there. I have tried adding a lower z-index to it, and adding a higher z-index to header, and it didnt worked. I will be much thankful for the help.
Open Side Nav:
Closed Side Nav:
As you can see the X button stays after sidenav is closed.
My HTML:
<div class="sidetimes">
<i class="fas fa-times" style="font-size: 30px;"></i>
</div>
My CSS:
.sidetimes
padding: 11px 30px 11px 10px;
background: #07c;
display: inline-block;
width: 27px;
border-radius: 0 5px 5px 0;
color: #fff;
cursor: pointer;
box-shadow: -10px 5px 14px 0px #444;
-webkit-box-shadow: 3px 5px 14px 0px #444;
-webkit-transform: translateX(0) translateZ(0);
transform: translateX(0) translateZ(0);
-webkit-animation: sliding-panel-close-button-in .4s forwards;
animation: sliding-panel-close-button-in .4s forwards;
-webkit-animation-delay: .3s;
animation-delay: .3s;
position: fixed;
z-index: 9999;
top: 36px;
margin-left: 39.5px;
javascript html css shopify
javascript html css shopify
asked Mar 25 at 20:52
RegretsRegrets
256 bronze badges
asked Mar 25 at 20:52
RegretsRegrets
256 bronze badges
asked Mar 25 at 20:52
RegretsRegrets
256 bronze badges
asked Mar 25 at 20:52
RegretsRegrets
256 bronze badges
asked Mar 25 at 20:52
RegretsRegrets
256 bronze badges
256 bronze badges
I'm unable to find this sidepanel in screenshot product page link where i find working example of your sidepanel ? Thanks
– Hassan Siddiqui
Mar 25 at 21:46
This theme is on preview thats because it isnt showing it to you. Im working on a new theme and I this is just a preview. If you are intested I can give you credentials so you can log in and see the code. Thanks
– Regrets
Mar 25 at 22:05
add a comment |
I'm unable to find this sidepanel in screenshot product page link where i find working example of your sidepanel ? Thanks
– Hassan Siddiqui
Mar 25 at 21:46
This theme is on preview thats because it isnt showing it to you. Im working on a new theme and I this is just a preview. If you are intested I can give you credentials so you can log in and see the code. Thanks
– Regrets
Mar 25 at 22:05
I'm unable to find this sidepanel in screenshot product page link where i find working example of your sidepanel ? Thanks
– Hassan Siddiqui
Mar 25 at 21:46
I'm unable to find this sidepanel in screenshot product page link where i find working example of your sidepanel ? Thanks
– Hassan Siddiqui
Mar 25 at 21:46
This theme is on preview thats because it isnt showing it to you. Im working on a new theme and I this is just a preview. If you are intested I can give you credentials so you can log in and see the code. Thanks
– Regrets
Mar 25 at 22:05
This theme is on preview thats because it isnt showing it to you. Im working on a new theme and I this is just a preview. If you are intested I can give you credentials so you can log in and see the code. Thanks
– Regrets
Mar 25 at 22:05
add a comment |
1 Answer
1
active
oldest
votes
I'm assuming your are using Javascript to control this animation? If so, the solution is to toggle a class on the body when the menu is "open"
See the example
$(".open-icon, .close-icon").click(function(e)
$("body").toggleClass("menu-open");
);nav
position: fixed;
top: 0;
left: -100%;
transition: 0.5s;
height: 100%;
.nav-wrap
position: relative;
width: 200px;
background-color: #efefef;
padding: 10px;
height: 100%;
nav ul
list-style: none;
padding-left: 0;
nav ul li
padding: 5px;
body.menu-open nav
left: 0;
body.menu-open .open-icon
display: none;
body.menu-open .close-icon
display: block;
.close-icon
position: absolute;
top: 0;
right: -30px;
margin: 0;
background-color: #000;
color: #fff;
padding: 10px;
font-size: 20px;
cursor: pointer;
line-height: 100%;
display: none;
.open-icon
background-color: #000;
color: #fff;
padding: 10px;
font-size: 10px;
cursor: pointer;
line-height: 100%;
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<span class="open-icon">MENU</span>
<nav>
<div class="nav-wrap">
<p class="close-icon">×</p>
<ul>
<li><a href="#">Menu item 1</a></li>
<li><a href="#">Menu item 2</a></li>
<li><a href="#">Menu item 3</a></li>
<li><a href="#">Menu item 4</a></li>
<li><a href="#">Menu item 5</a></li>
<li><a href="#">Menu item 6</a></li>
<li><a href="#">Menu item 7</a></li>
<li><a href="#">Menu item 8</a></li>
</ul>
</div>
</nav>answered Mar 26 at 0:23
Jordan QuartermainJordan Quartermain
3411 silver badge12 bronze badges
I already did it myself and I did it this way. But thanks for helping!
– Regrets
Mar 26 at 21:34
I have no Regrets for helping you ;)
– Jordan Quartermain
Mar 27 at 4:44
add a comment |
Your Answer
StackExchange.ifUsing("editor", function ()
StackExchange.using("externalEditor", function ()
StackExchange.using("snippets", function ()
StackExchange.snippets.init();
);
);
, "code-snippets");
StackExchange.ready(function()
var channelOptions =
tags: "".split(" "),
id: "1"
;
initTagRenderer("".split(" "), "".split(" "), channelOptions);
StackExchange.using("externalEditor", function()
// Have to fire editor after snippets, if snippets enabled
if (StackExchange.settings.snippets.snippetsEnabled)
StackExchange.using("snippets", function()
createEditor();
);
else
createEditor();
);
function createEditor()
StackExchange.prepareEditor(
heartbeatType: 'answer',
autoActivateHeartbeat: false,
convertImagesToLinks: true,
noModals: true,
showLowRepImageUploadWarning: true,
reputationToPostImages: 10,
bindNavPrevention: true,
postfix: "",
imageUploader:
brandingHtml: "Powered by u003ca class="icon-imgur-white" href="https://imgur.com/"u003eu003c/au003e",
contentPolicyHtml: "User contributions licensed under u003ca href="https://creativecommons.org/licenses/by-sa/3.0/"u003ecc by-sa 3.0 with attribution requiredu003c/au003e u003ca href="https://stackoverflow.com/legal/content-policy"u003e(content policy)u003c/au003e",
allowUrls: true
,
onDemand: true,
discardSelector: ".discard-answer"
,immediatelyShowMarkdownHelp:true
);
);
Sign up or log in
StackExchange.ready(function ()
StackExchange.helpers.onClickDraftSave('#login-link');
);
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
StackExchange.ready(
function ()
StackExchange.openid.initPostLogin('.new-post-login', 'https%3a%2f%2fstackoverflow.com%2fquestions%2f55346234%2fhow-to-hide-times-icon-on-closed-side-slide-navigation%23new-answer', 'question_page');
);
Post as a guest
Required, but never shown
1 Answer
1
active
oldest
votes
1 Answer
1
active
oldest
votes
active
oldest
votes
active
oldest
votes
I'm assuming your are using Javascript to control this animation? If so, the solution is to toggle a class on the body when the menu is "open"
See the example
$(".open-icon, .close-icon").click(function(e)
$("body").toggleClass("menu-open");
);nav
position: fixed;
top: 0;
left: -100%;
transition: 0.5s;
height: 100%;
.nav-wrap
position: relative;
width: 200px;
background-color: #efefef;
padding: 10px;
height: 100%;
nav ul
list-style: none;
padding-left: 0;
nav ul li
padding: 5px;
body.menu-open nav
left: 0;
body.menu-open .open-icon
display: none;
body.menu-open .close-icon
display: block;
.close-icon
position: absolute;
top: 0;
right: -30px;
margin: 0;
background-color: #000;
color: #fff;
padding: 10px;
font-size: 20px;
cursor: pointer;
line-height: 100%;
display: none;
.open-icon
background-color: #000;
color: #fff;
padding: 10px;
font-size: 10px;
cursor: pointer;
line-height: 100%;
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<span class="open-icon">MENU</span>
<nav>
<div class="nav-wrap">
<p class="close-icon">×</p>
<ul>
<li><a href="#">Menu item 1</a></li>
<li><a href="#">Menu item 2</a></li>
<li><a href="#">Menu item 3</a></li>
<li><a href="#">Menu item 4</a></li>
<li><a href="#">Menu item 5</a></li>
<li><a href="#">Menu item 6</a></li>
<li><a href="#">Menu item 7</a></li>
<li><a href="#">Menu item 8</a></li>
</ul>
</div>
</nav>answered Mar 26 at 0:23
Jordan QuartermainJordan Quartermain
3411 silver badge12 bronze badges
I already did it myself and I did it this way. But thanks for helping!
– Regrets
Mar 26 at 21:34
I have no Regrets for helping you ;)
– Jordan Quartermain
Mar 27 at 4:44
add a comment |
I'm assuming your are using Javascript to control this animation? If so, the solution is to toggle a class on the body when the menu is "open"
See the example
$(".open-icon, .close-icon").click(function(e)
$("body").toggleClass("menu-open");
);nav
position: fixed;
top: 0;
left: -100%;
transition: 0.5s;
height: 100%;
.nav-wrap
position: relative;
width: 200px;
background-color: #efefef;
padding: 10px;
height: 100%;
nav ul
list-style: none;
padding-left: 0;
nav ul li
padding: 5px;
body.menu-open nav
left: 0;
body.menu-open .open-icon
display: none;
body.menu-open .close-icon
display: block;
.close-icon
position: absolute;
top: 0;
right: -30px;
margin: 0;
background-color: #000;
color: #fff;
padding: 10px;
font-size: 20px;
cursor: pointer;
line-height: 100%;
display: none;
.open-icon
background-color: #000;
color: #fff;
padding: 10px;
font-size: 10px;
cursor: pointer;
line-height: 100%;
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<span class="open-icon">MENU</span>
<nav>
<div class="nav-wrap">
<p class="close-icon">×</p>
<ul>
<li><a href="#">Menu item 1</a></li>
<li><a href="#">Menu item 2</a></li>
<li><a href="#">Menu item 3</a></li>
<li><a href="#">Menu item 4</a></li>
<li><a href="#">Menu item 5</a></li>
<li><a href="#">Menu item 6</a></li>
<li><a href="#">Menu item 7</a></li>
<li><a href="#">Menu item 8</a></li>
</ul>
</div>
</nav>answered Mar 26 at 0:23
Jordan QuartermainJordan Quartermain
3411 silver badge12 bronze badges
I already did it myself and I did it this way. But thanks for helping!
– Regrets
Mar 26 at 21:34
I have no Regrets for helping you ;)
– Jordan Quartermain
Mar 27 at 4:44
add a comment |
I'm assuming your are using Javascript to control this animation? If so, the solution is to toggle a class on the body when the menu is "open"
See the example
$(".open-icon, .close-icon").click(function(e)
$("body").toggleClass("menu-open");
);nav
position: fixed;
top: 0;
left: -100%;
transition: 0.5s;
height: 100%;
.nav-wrap
position: relative;
width: 200px;
background-color: #efefef;
padding: 10px;
height: 100%;
nav ul
list-style: none;
padding-left: 0;
nav ul li
padding: 5px;
body.menu-open nav
left: 0;
body.menu-open .open-icon
display: none;
body.menu-open .close-icon
display: block;
.close-icon
position: absolute;
top: 0;
right: -30px;
margin: 0;
background-color: #000;
color: #fff;
padding: 10px;
font-size: 20px;
cursor: pointer;
line-height: 100%;
display: none;
.open-icon
background-color: #000;
color: #fff;
padding: 10px;
font-size: 10px;
cursor: pointer;
line-height: 100%;
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<span class="open-icon">MENU</span>
<nav>
<div class="nav-wrap">
<p class="close-icon">×</p>
<ul>
<li><a href="#">Menu item 1</a></li>
<li><a href="#">Menu item 2</a></li>
<li><a href="#">Menu item 3</a></li>
<li><a href="#">Menu item 4</a></li>
<li><a href="#">Menu item 5</a></li>
<li><a href="#">Menu item 6</a></li>
<li><a href="#">Menu item 7</a></li>
<li><a href="#">Menu item 8</a></li>
</ul>
</div>
</nav>answered Mar 26 at 0:23
Jordan QuartermainJordan Quartermain
3411 silver badge12 bronze badges
I'm assuming your are using Javascript to control this animation? If so, the solution is to toggle a class on the body when the menu is "open"
See the example
$(".open-icon, .close-icon").click(function(e)
$("body").toggleClass("menu-open");
);nav
position: fixed;
top: 0;
left: -100%;
transition: 0.5s;
height: 100%;
.nav-wrap
position: relative;
width: 200px;
background-color: #efefef;
padding: 10px;
height: 100%;
nav ul
list-style: none;
padding-left: 0;
nav ul li
padding: 5px;
body.menu-open nav
left: 0;
body.menu-open .open-icon
display: none;
body.menu-open .close-icon
display: block;
.close-icon
position: absolute;
top: 0;
right: -30px;
margin: 0;
background-color: #000;
color: #fff;
padding: 10px;
font-size: 20px;
cursor: pointer;
line-height: 100%;
display: none;
.open-icon
background-color: #000;
color: #fff;
padding: 10px;
font-size: 10px;
cursor: pointer;
line-height: 100%;
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<span class="open-icon">MENU</span>
<nav>
<div class="nav-wrap">
<p class="close-icon">×</p>
<ul>
<li><a href="#">Menu item 1</a></li>
<li><a href="#">Menu item 2</a></li>
<li><a href="#">Menu item 3</a></li>
<li><a href="#">Menu item 4</a></li>
<li><a href="#">Menu item 5</a></li>
<li><a href="#">Menu item 6</a></li>
<li><a href="#">Menu item 7</a></li>
<li><a href="#">Menu item 8</a></li>
</ul>
</div>
</nav>$(".open-icon, .close-icon").click(function(e)
$("body").toggleClass("menu-open");
);nav
position: fixed;
top: 0;
left: -100%;
transition: 0.5s;
height: 100%;
.nav-wrap
position: relative;
width: 200px;
background-color: #efefef;
padding: 10px;
height: 100%;
nav ul
list-style: none;
padding-left: 0;
nav ul li
padding: 5px;
body.menu-open nav
left: 0;
body.menu-open .open-icon
display: none;
body.menu-open .close-icon
display: block;
.close-icon
position: absolute;
top: 0;
right: -30px;
margin: 0;
background-color: #000;
color: #fff;
padding: 10px;
font-size: 20px;
cursor: pointer;
line-height: 100%;
display: none;
.open-icon
background-color: #000;
color: #fff;
padding: 10px;
font-size: 10px;
cursor: pointer;
line-height: 100%;
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<span class="open-icon">MENU</span>
<nav>
<div class="nav-wrap">
<p class="close-icon">×</p>
<ul>
<li><a href="#">Menu item 1</a></li>
<li><a href="#">Menu item 2</a></li>
<li><a href="#">Menu item 3</a></li>
<li><a href="#">Menu item 4</a></li>
<li><a href="#">Menu item 5</a></li>
<li><a href="#">Menu item 6</a></li>
<li><a href="#">Menu item 7</a></li>
<li><a href="#">Menu item 8</a></li>
</ul>
</div>
</nav>$(".open-icon, .close-icon").click(function(e)
$("body").toggleClass("menu-open");
);nav
position: fixed;
top: 0;
left: -100%;
transition: 0.5s;
height: 100%;
.nav-wrap
position: relative;
width: 200px;
background-color: #efefef;
padding: 10px;
height: 100%;
nav ul
list-style: none;
padding-left: 0;
nav ul li
padding: 5px;
body.menu-open nav
left: 0;
body.menu-open .open-icon
display: none;
body.menu-open .close-icon
display: block;
.close-icon
position: absolute;
top: 0;
right: -30px;
margin: 0;
background-color: #000;
color: #fff;
padding: 10px;
font-size: 20px;
cursor: pointer;
line-height: 100%;
display: none;
.open-icon
background-color: #000;
color: #fff;
padding: 10px;
font-size: 10px;
cursor: pointer;
line-height: 100%;
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<span class="open-icon">MENU</span>
<nav>
<div class="nav-wrap">
<p class="close-icon">×</p>
<ul>
<li><a href="#">Menu item 1</a></li>
<li><a href="#">Menu item 2</a></li>
<li><a href="#">Menu item 3</a></li>
<li><a href="#">Menu item 4</a></li>
<li><a href="#">Menu item 5</a></li>
<li><a href="#">Menu item 6</a></li>
<li><a href="#">Menu item 7</a></li>
<li><a href="#">Menu item 8</a></li>
</ul>
</div>
</nav>answered Mar 26 at 0:23
Jordan QuartermainJordan Quartermain
3411 silver badge12 bronze badges
answered Mar 26 at 0:23
Jordan QuartermainJordan Quartermain
3411 silver badge12 bronze badges
answered Mar 26 at 0:23
Jordan QuartermainJordan Quartermain
3411 silver badge12 bronze badges
answered Mar 26 at 0:23
Jordan QuartermainJordan Quartermain
3411 silver badge12 bronze badges
3411 silver badge12 bronze badges
I already did it myself and I did it this way. But thanks for helping!
– Regrets
Mar 26 at 21:34
I have no Regrets for helping you ;)
– Jordan Quartermain
Mar 27 at 4:44
add a comment |
I already did it myself and I did it this way. But thanks for helping!
– Regrets
Mar 26 at 21:34
I have no Regrets for helping you ;)
– Jordan Quartermain
Mar 27 at 4:44
I already did it myself and I did it this way. But thanks for helping!
– Regrets
Mar 26 at 21:34
I already did it myself and I did it this way. But thanks for helping!
– Regrets
Mar 26 at 21:34
I have no Regrets for helping you ;)
– Jordan Quartermain
Mar 27 at 4:44
I have no Regrets for helping you ;)
– Jordan Quartermain
Mar 27 at 4:44
add a comment |
Got a question that you can’t ask on public Stack Overflow? Learn more about sharing private information with Stack Overflow for Teams.
Got a question that you can’t ask on public Stack Overflow? Learn more about sharing private information with Stack Overflow for Teams.
Thanks for contributing an answer to Stack Overflow!
- Please be sure to answer the question. Provide details and share your research!
But avoid …
- Asking for help, clarification, or responding to other answers.
- Making statements based on opinion; back them up with references or personal experience.
To learn more, see our tips on writing great answers.
Sign up or log in
StackExchange.ready(function ()
StackExchange.helpers.onClickDraftSave('#login-link');
);
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
StackExchange.ready(
function ()
StackExchange.openid.initPostLogin('.new-post-login', 'https%3a%2f%2fstackoverflow.com%2fquestions%2f55346234%2fhow-to-hide-times-icon-on-closed-side-slide-navigation%23new-answer', 'question_page');
);
Post as a guest
Required, but never shown
Sign up or log in
StackExchange.ready(function ()
StackExchange.helpers.onClickDraftSave('#login-link');
);
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
Sign up or log in
StackExchange.ready(function ()
StackExchange.helpers.onClickDraftSave('#login-link');
);
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
Sign up or log in
StackExchange.ready(function ()
StackExchange.helpers.onClickDraftSave('#login-link');
);
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
I'm unable to find this sidepanel in screenshot product page link where i find working example of your sidepanel ? Thanks
– Hassan Siddiqui
Mar 25 at 21:46
This theme is on preview thats because it isnt showing it to you. Im working on a new theme and I this is just a preview. If you are intested I can give you credentials so you can log in and see the code. Thanks
– Regrets
Mar 25 at 22:05