Hello,
As you are using the default WoodMart Slider on your Site, so you can go to Dashboard > Slides > Sliders > there edit your Slider > under that you can find the option to define Height accordingly for the Desktop, Tablet and Mobile: https://snipboard.io/UHLEMv.jpg
And edit the slider responsive setting in the page builder.
Further, you can read more about WoodMart Sliders here: https://xtemos.com/docs-cat/woodmart-slider/?theme=woodmart
The logo size depends on three conditions:
a. Maximum width that is set in the Logo element: https://prnt.sc/23pdtty Logo cannot be wider than this value.
b. The row height where the Logo element is added: https://prnt.sc/23pdvit
c. Image size: image cannot get wider or higher than its initial real size. Image cannot be crushed or deformed in any way. The image width and height correlation should be the same on all the devices and header types.
Logo width determines the max-width of the logo. For example, if the image size is 280px, you can set the max-width of the Logo up to 280 px, otherwise, the max-width more than 280px would not be effective as it would require an image wider than 280 px to come in force. In order to show the logo widger than 280px, you need to increase the image width in the image editor.
create such a menu with sub items and set that menu as a mobile: https://take.ms/OPJ1g
So as a result, in the mobile sidebar, the sub items will appear.
Best Regards.
.
