how to change dropdown menu

how to change dropdown menu

christian_russo
Trailblazer
215 1 45

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

Scherm­afbeelding 2024-12-13 om 22.02.10.pngScherm­afbeelding 2024-12-13 om 22.02.22.png

Reply 1 (1)

DitalTek
Shopify Partner
842 100 119

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);
}

 

 

- You can please Like and Accepted Solution if my suggestion helpful.
- And you want to hire developer Theme or App Shopify => Feel free to send me a DM or contact to us via Email | WhatApp