Commit 87b2423f authored by Chi Bui's avatar Chi Bui 👀

edit css responsive

parent f1b0c3ca
This diff is collapsed.
...@@ -12,6 +12,7 @@ libraries: ...@@ -12,6 +12,7 @@ libraries:
# Regions. # Regions.
regions: regions:
mobile_top : 'Mobile top'
top_header_right: 'Top Header Right' top_header_right: 'Top Header Right'
left_middle_header: 'Left Middle Header' left_middle_header: 'Left Middle Header'
middle_header: 'Middle Header' middle_header: 'Middle Header'
......
...@@ -37,6 +37,8 @@ ...@@ -37,6 +37,8 @@
} }
if (checkHome.length == 0) { if (checkHome.length == 0) {
$(".menu.menu--category-menu.nav").addClass('hide-block'); $(".menu.menu--category-menu.nav").addClass('hide-block');
$(".menu.menu--category-menu.nav").addClass('not-home');
} }
$(window).scroll(function () { $(window).scroll(function () {
// console.log($(window).scrollTop() ) // console.log($(window).scrollTop() )
...@@ -72,8 +74,20 @@ ...@@ -72,8 +74,20 @@
$(".dropdown-toggle").mouseleave(function(){ $(".dropdown-toggle").mouseleave(function(){
$(this).parent("li.expanded.dropdown").removeClass("open"); $(this).parent("li.expanded.dropdown").removeClass("open");
}) })
console.log($(".sidebar-submenu-2").find(".sidebar-submenu-3").parents(".sidebar-submenu-2"));
$(".sidebar-submenu-2").find(".sidebar-submenu-3").parents(".sidebar-submenu-2").addClass("three-level"); $(".sidebar-submenu-2").find(".sidebar-submenu-3").parents(".sidebar-submenu-2").addClass("three-level");
$(".mobile-modal").hide();
$(".btn-mobile-top").click(function(){
$(".mobile-modal").show();
$(".mobile-top").addClass("menu-toggle");
})
$(".mobile-modal").click(function(){
$(".mobile-modal").hide();
$(".mobile-top").removeClass("menu-toggle");
})
$(".close-icon").click(function(){
$(".mobile-top").removeClass("menu-toggle");
$(".mobile-modal").hide();
})
})(window.jQuery, window.Drupal); })(window.jQuery, window.Drupal);
...@@ -19,7 +19,7 @@ ...@@ -19,7 +19,7 @@
<div class="branding-block clearfix"> <div class="branding-block clearfix">
{% if site_logo %} {% if site_logo %}
<a class="logo navbar-btn pull-left" href="{{ path('<front>') }}" title="{{ 'Home'|t }}" rel="home"> <a class="logo navbar-btn pull-left" href="{{ path('<front>') }}" title="{{ 'Home'|t }}" rel="home">
<img class="logo_img" src="/themes/contrib/estore/logo.png" alt="{{ 'Home'|t }}" /> <img class="logo_img" src="/themes/contrib/estore/logo.svg" alt="{{ 'Home'|t }}" />
</a> </a>
{% endif %} {% endif %}
......
...@@ -12,7 +12,7 @@ ...@@ -12,7 +12,7 @@
*/ */
#} #}
{% if content %} {% if content %}
<div{{ attributes .addClass('estore-homepage-first')}}> <div{{ attributes.addClass('estore-homepage-first')}}>
{% if content.top_slideshow or content.top_categories %} {% if content.top_slideshow or content.top_categories %}
<div class="top-region"> <div class="top-region">
......
...@@ -62,6 +62,40 @@ ...@@ -62,6 +62,40 @@
theme.settings.navbar_position ? 'navbar-' ~ theme.settings.navbar_position|clean_class, theme.settings.navbar_position ? 'navbar-' ~ theme.settings.navbar_position|clean_class,
] ]
%} %}
<div class="mobile-top">
<div class="close-icon">
<i class="fa fa-times" aria-hidden="true"></i>
</div>
<div class="address-mobile">
{% if top_header.header_email %}
<div class="site-email">
<i class="fa fa-envelope"></i>
{{ top_header.header_email }}
</div>
{% endif %}
{% if top_header.header_phone %}
<div class="site-phone">
<i class="fa fa-phone"></i>
{{ top_header.header_phone }}
</div>
{% endif %}
{% if top_header.header_location %}
<div class="site-map-marker">
<i class="fa fa-map-marker"></i>
{{ top_header.header_location }}
</div>
{% endif %}
{% if top_header.header_shop_opens %}
<div class="site-clock-o">
<i class="fa fa-clock-o"></i>
{{ top_header.header_shop_opens }}
</div>
{% endif %}
</div>
{% if page.mobile_top %}
{{ page.mobile_top }}
{% endif %}
</div>
<div class="top-header-wrapper clearfix"> <div class="top-header-wrapper clearfix">
<div class="container-fluid"> <div class="container-fluid">
<div class="left-top-header"> <div class="left-top-header">
...@@ -97,7 +131,9 @@ ...@@ -97,7 +131,9 @@
</div> </div>
</div> </div>
</div> </div>
<div class="mobile-modal">
</div>
<div class="middle-header-wrapper clearfix"> <div class="middle-header-wrapper clearfix">
<div class="container-fluid"> <div class="container-fluid">
<div class="col-md-3 col-xs-7"> <div class="col-md-3 col-xs-7">
...@@ -115,18 +151,22 @@ ...@@ -115,18 +151,22 @@
</div> </div>
</header> </header>
<button type="button" name="button" class="btn-mobile-top">
<i class="fa fa-bars" aria-hidden="true"></i>
</button>
</div> </div>
<div class="col-md-2 col-xs-3"> <div class="col-md-2 col-xs-3">
{% if page.right_middle_header %} {% if page.right_middle_header %}
{{ page.right_middle_header }} {{ page.right_middle_header }}
{% endif %} {% endif %}
</div> </div>
</div> </div>
</div> </div>
<header{{ navbar_attributes.addclass(navbar_classes) }} id="navbar" role="banner"> <header{{ navbar_attributes.addclass(navbar_classes, 'bottom-nav') }} id="navbar" role="banner">
{% if not navbar_attributes.hasClass(container) %} {% if not navbar_attributes.hasClass(container) %}
<div class="{{ container }}"> <div class="{{ container }}">
{% endif %} {% endif %}
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment