HTML/CSS Code Help regarding Menu and Submenu
Hello, I have three questions.
1. In my website, I have two pages where I have an image stretching behind my header - my homepage https://www.dipanjanpal.com/ and my blog https://www.dipanjanpal.com/Blog. In both these pages, if you hover over the menu items, you can notice a small white space under my menu and above the first sub-menu (hover on Portfolio for example and notice the white space over 'Aerial' sub-menu). This doesn't happen for other pages, only happens for these two. Also, when I want to add content blocks, it has a white opaque background (I have this background for my accordion menu in mobile for exactly these two pages). How can this be fixed? Attaching two pictures for easier understanding.
How do I increase my sub-menu spacing for PC and for mobile (I have accordion menu on mobile)? Also, for the accordion menu in my mobile and I want center the top-level menu items. How can this be done?
In my page https://www.dipanjanpal.com/Prints , due to some clumsy HTML/CSS coding, I have a widget with grey background where there is too much of space in my mobile. It looks perfect for PC though....I couldn't balance between the two, possibly because I picked up some lines randomly from the internet to try it out. Can anyone get it done in a cleaner way so that the spacing in mobile isn't too much (or something I can control using margin/padding etc?)