Doormile/doormile_react
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix the mobile responsive

Browse Source
This commit is contained in:
Aravind R
2026-06-04 20:06:39 +05:30
parent d5987b5dd1
commit 3a16bf9267
6 changed files with 192 additions and 52 deletions
Download Patch File Download Diff File Expand all files Collapse all files

22
src/components/layout/Header.tsx
View File

@@ -527,6 +527,28 @@ export default function Header() {
opacity: 1 !important;
}
/* Responsive logo adjustment on mobile/tablet */
@media (max-width: 1024px) {
#masthead .elementor-element.elementor-element-846e53d .hfe-site-logo .hfe-site-logo-container img {
width: 150px !important;
height: auto !important;
margin-left: 20px !important;
}
#masthead .header-menu-container {
display: none !important;
}
#masthead .menu-trigger {
display: block !important;
}
}
@media (max-width: 480px) {
#masthead .elementor-element.elementor-element-846e53d .hfe-site-logo .hfe-site-logo-container img {
width: 130px !important;
margin-left: 10px !important;
}
}
/* The theme reveals the mobile slide-in menu via Elementor's
body[data-elementor-device-mode="mobile"] rules, which are set by
Elementor's frontend JS — that JS isn't shipped in this Next port,