Responsive ecommerce product page (Next/Tailwind)

Community feedback

• 

  wealthygiftdev•140

  @wealthygiftdevPosted over 1 year ago

  I just Concluded this same project, using Basic CSS JS and HTML, did u give the modal z-index> 500? u can check my code out

  1

  ---

  

  P

  Anna Dominguez•680

  @anna-dominguezPosted over 1 year ago

  @wealthygiftdev Yes, I thought giving the modal z-index 50 and the all page and components z-index 0 would do the trick but it doesn't 🥲

  0

  

  Dipu•430

  @immdipuPosted over 1 year ago

  @Vesta-nna just give z-index 1 to the div below main tag. but there is still one issue the modal is overflowing and there is no close button to close the modal.

  0

  

  wealthygiftdev•140

  @wealthygiftdevPosted over 1 year ago

  @Vesta-nna when u give it z-index, write "!important" beside it......make sure the z-index is greater than all other z-index in your code.

  something like this

  z-index: 500 !important;

  try this i hope it works for the situation. if else we might have to try something more deep. That's the way i fixed mine. and truly as @immdipu said your modal is overflowing . we'd also need to fix that too.But first we have to make sure the modal is well sitted above the main page.

  thanks

  0