sayalip
/
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

22
templates/_partials/header.tpl
View File

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