Change Drop Down Menu

[SB50]

Hi, I have very, very rudimentary knowledge in CSS (pretty much none) and I have no idea how to fix this drop down menu. I'm using the Vivid theme, and I'd like to space out the headers, they're all too close together and compact. I also cannot find base.css in my files. 

Also, when I make any of the subheader titles underneath my header longer than the header, it completely messes up the alignment. 

I don't currently have my website published as it's very much a rough draft, but if that is necessary please let me know.  

[The_ScriptFlow]

Could you please share your Store Password so that I take a look and provide you solution code.

Thanks

[SB50]

https://rarepearlskauai.com/

The password is AB2007

[DaisyVo]

Hi @SB50 , can you share store URL and password?

[SB50]

https://rarepearlskauai.com/

The password is AB2007

[DaisyVo · Accepted solution]

Hi @SB50 

You can try to follow this step
Step 1: Go to Edit code
Step 2: Find file theme.css and add this code at the end of the file

.image-section.mega-list.mega-list-logo {
    display: none !important;
}

Result 

Best,

DaisyVo

[SB50]

Thank you! Is there any way to keep the headers and subheaders from getting misaligned when they get longer? 

[SB50]

Thanks. I'd prefer to be guided through the steps, as I'd like to learn a bit more about it. 

https://rarepearlskauai.com/

The password is AB2007

[devcoders]

Hello @SB50 

Welcome to the Shopify Community! Please share your store URL and password (if it’s password-protected), so I can check and provide you with the exact solution.

[SB50]

Thanks. 

https://rarepearlskauai.com/

The password is AB2007.

[devcoders]

Hello @SB50 

You want like this.

[SB50]

I wouldn't mind that layout, the menu looks quite nice. If it would fix the issues I'm currently having as well, then I suppose yes.