MmdtoastJan 20, 2024
Hi, Canvas Team
We found temporarily display mobile logo and menu in the top left corner of the screen when the menu is clicked
We make website base on demo-app-landing.html
Pls let us know how to solve this issue.
Temporarily display mobile logo and menu in the top left corner of the screen wh
3 replies · opened Jan 20, 2024
SSemicolon WebSTAFFJan 24, 2024
Hello,
Apologies for the Delays in replying.
Simply add the .is-expanded-menu Class to the `` Tag.
Hope this Helps!
Let us know if we can help you with anything else or if you find any further issues.
MmdtoastJan 29, 2024
Thank you for your reply.
Could you add below HTML code as you mentioned due to I'm beginner on this.
_Hello,
Apologies for the Delays in replying.
Simply add the .is-expanded-menu Class to the <body> Tag.
Hope this Helps!
Let us know if we can help you with anything else or if you find any further issues._
<!DOCTYPE html>
<html dir="ltr" lang="en-US">
<head>
<meta http-equiv="content-type" content="text/html; charset=utf-8">
<meta http-equiv="x-ua-compatible" content="IE=edge">
<meta name="author" content="PREMIUM DISTRIBUTION">
<meta name="description" content="evian® natural spring water contains only naturally occurring electrolytes from the French Alps. As our water travels it collects a unique blend of minerals and electrolytes giving evian its distinctive, cool, crisp taste.">
<link rel="shortcut icon" type="image/x-icon" href="images/favicon.png">
<!-- Font Imports -->
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,300;0,400;0,600;0,700;1,400&family=Montserrat:wght@400;700&family=Merriweather&display=swap" rel="stylesheet">
<!-- Core Style -->
<link rel="stylesheet" href="style.css">
<!-- Font Icons -->
<link rel="stylesheet" href="css/font-icons.css">
<link rel="stylesheet" href="one-page/css/et-line.css">
<!-- Plugins/Components CSS -->
<link rel="stylesheet" href="css/components/bs-switches.css">
<!-- Niche Demos -->
<link rel="stylesheet" href="demos/app-landing/app-landing.css">
<!-- Custom CSS -->
<link rel="stylesheet" href="css/custom.css">
<meta name="viewport" content="width=device-width, initial-scale=1">
<!-- Document Title
============================================= -->
<title>evian Water | evian Bottle | evian® - evian Natural Mineral Water</title></head>
<body class="stretched">
<!-- Document Wrapper
============================================= -->
<div id="wrapper">
<!-- Header
============================================= -->
<header id="header" data-sticky-class="not-dark" data-responsive-class="not-dark" data-sticky-logo-height="80" data-sticky-menu-padding="29">
<div id="header-wrap">
<div class="container">
<div class="header-row justify-content-lg-between">
<!-- Logo
============================================= -->
<div id="logo" class="col-auto order-lg-2 me-lg-0 px-0">
[
](index.html)
</div><!-- #logo end -->
<div class="primary-menu-trigger">
<button class="cnvs-hamburger" type="button" title="Open Mobile Menu">
<span class="cnvs-hamburger-box"><span class="cnvs-hamburger-inner"></span></span>
</button>
</div>
<!-- Primary Navigation
============================================= -->
<nav class="primary-menu with-arrows col-lg-5 order-lg-1 px-0">
<ul class="menu-container one-page-menu" data-easing="easeInOutExpo" data-speed="100" data-offset="160">
<li class="menu-item">[한국어](k-index.html)
<li class="menu-item">[Products](products.html)
<ul class="sub-menu-container" data-class="up-lg:not-dark">
<li class="menu-item">[Prestige range](prestige-bottled-water-range-all.html)
<li class="menu-item">[Glass bottle range](glass-bottle-range-all.html)
<li class="menu-item">[evian sparkling](evian-sparkling-all.html)
<li class="menu-item">[Volvic](volvic.html)
<li class="menu-item">[Evian History](what-is-mineral-water.html)
</nav>
<nav class="primary-menu col-lg-5 order-lg-3 px-0">
<ul class="menu-container justify-content-lg-end one-page-menu" data-easing="easeInOutExpo" data-speed="100" data-offset="160">
<li class="menu-item">
[
대량구매(B2B)
](https://ievian.cafe24.com/board/consult/list.html)
<li class="menu-item">[SHOP](https://ievian.cafe24.com)
<li class="menu-item menu-item-emphasis">[](https://ievian.cafe24.com/myshop/index.html)
</nav><!-- #primary-menu end -->
</div>
</div>
</div>
<div class="header-wrap-clone"></div>
</header><!-- #header end -->SSemicolon WebSTAFFFeb 1, 2024
Hello,
Thanks for your Kind Patience and Apologies for the Delays in replying!
Please consider find the `` Tag and then replacing it with the following code:
[ch_pre][/ch_pre]
This will definitely work fine. Hope this Helps!
Let us know if we can help you with anything else or if you find any further issues.
Have the same question, or something new?
Sign in to the Canvas dashboard to reply or open your own topic. Canvas owners get direct help from the SemiColonWeb team.
Reply on the dashboard