Shopify themes, liquid, logos, and UX
hi!
i use the prestige theme and was wondering if it's possible to change my dropdown menu because its too small (see first picture) now and i want it bigger like on the second picture. it would also be cool if it would blur out the back like the pic.
website: https://www.gallerychristian.com
password: 6399
Hi,
You can got to /assets/theme.css file and then find to line 4854 and change css
- Currently:
.header__dropdown-menu {
width: max-content;
min-width: 12.5rem;
max-width: 17.5rem;
background: rgb(var(--header-background));
color: rgb(var(--header-text));
box-shadow: 2px 2px 6px rgb(var(--text-color) / .05);
border-width: 0 1px 1px;
padding-block: 1.125rem;
position: absolute;
inset-block-start: calc(100% - 2px);
}
- Replace to:
.header__dropdown-menu {
width: max-content;
min-width: 17.5rem;
max-width: 17.5rem;
background: rgb(var(--header-background));
color: rgb(var(--header-text));
box-shadow: 2px 2px 6px rgb(var(--text-color) / .05);
border-width: 0 1px 1px;
padding-block: 1.125rem;
position: absolute;
inset-block-start: calc(100% - 2px);
}
Hey Community! As we jump into 2025, we want to give a big shout-out to all of you wh...
By JasonH Jan 7, 2025Hey Community! As the holiday season unfolds, we want to extend heartfelt thanks to a...
By JasonH Dec 6, 2024Dropshipping, a high-growth, $226 billion-dollar industry, remains a highly dynamic bus...
By JasonH Nov 27, 2024