Layout Issues – on phone & tablet

https://aussiehiddentreasures.com/
front end password = aussie

I have a few issues with mobile/tablet layout probably some due to my custom css (see below)

https://aussiehiddentreasures.com/wp-content/uploads/2020/02/IMG_0024.jpg
On loading of vertical screens on an iPad (held vertical) the logo does not shrink and menu covers it – when scrolled down the menu adjusts it size – I’d like it to be the adjusted size when the page loads or went to a burger menu on any smaller screens – but i can’t find a setting
Also the widget side menu is too small – the wording is cut off – it would be best if that did not appear at all
I’ve tried

@media only screen and (max-width: 600px) {
.single-product .sidebar {
    display: none;
}

but that didn’t work

I have also added the code in the functions.php file as per this thread
https://kriesi.at/support/topic/woocommerce-menu/

here is my custom css

..page-thumb { display: none;
}
.woocommerce-tabs { display: none !important;
}
.related.products {  display: none;
}
.template-shop {
    background-image: url(https://aussiehiddentreasures.com/wp-content/uploads/2020/01/bg5-light.jpg);
    background-repeat: repeat;
    background-position: top left;
}
.single-product .template-shop {
    background-image: url(https://aussiehiddentreasures.com/wp-content/uploads/2020/01/bg1.jpg);
    background-repeat: repeat;
    background-position: top left;
}
.single-product-summary  {
      background-image: url(https://aussiehiddentreasures.com/wp-content/uploads/2020/01/80-white-frost-panel-1.png);
    background-repeat: repeat;
padding-top: 20px;
  padding-right: 20px;
  padding-bottom: 20px;
  padding-left: 20px;
}
.inner_sidebar {
      background-image: url(https://aussiehiddentreasures.com/wp-content/uploads/2020/01/80-white-frost-panel-1.png);
    background-repeat: repeat;
padding-top: 20px;
  padding-right: 20px;
  padding-bottom: 20px;
  padding-left: 20px;
}
.pagination {
      background-image: url(https://aussiehiddentreasures.com/wp-content/uploads/2020/01/80-white-frost-panel-1.png);
    background-repeat: repeat;
padding-top: 20px;
  padding-right: 20px;
  padding-bottom: 20px;
  padding-left: 20px;
}
.single-product-main-image {
    width: 25%;
}
.single-product-summary {
    overflow: hidden;
    width: 45%;
    float: left;
    margin-right: 5%;
}
.single-product .sidebar {
    width: 30%;
}
@media only screen and (max-width: 600px) {
.single-product-summary {
width: 100%;
}