mohitj
/
theme-elegance
forked from brooksbingham/theme-elegance
1
0
Fork 0
Code Pull Requests Activity

refactor: udpate the header to make it responsive

dev
Dinesh Salunke 2023-11-03 14:00:00 +05:30
parent f00ccc6ada
commit fba8a95610
1 changed files with 13 additions and 9 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

16
templates/_partials/header.tpl
View File

@ -24,18 +24,22 @@
*}
{block name='header_top'}
<div class="header-top container mx-auto px-4 lg:px-0">
<div class="flex justify-between h-24 relative items-center">
<a class="flex-none z-10 w-12 h-12" href="{$urls.base_url}">
<img class="logo img-responsive" src="{$shop.logo}" alt="{$shop.name}">
<div class="container mx-auto">
<div class="relative -mx-4 flex items-center justify-between h-24">
<div class="w-12 max-w-full ">
<a class="block w-full " href="{$urls.base_url}">
<img class="w-full" src="{$shop.logo}" alt="{$shop.name}"/>
</a>
<div class="absolute left-0 right-0 top-0 bottom-0 flex items-center z-0">
</div>
<div class="flex w-full items-center justify-between px-4">
<div class="w-full">
{hook h='displayMainMenu'}
</div>
<div class="flex gap-4 z-10 items-center">
<div class="relative right-16 hidden items-center justify-end sm:flex lg:right-0">
{hook h='displayTop'}
</div>
</div>
</div>
</div>
{hook h='displayNavFullWidth'}
{/block}