How can I allign header items in one row in Shopify Marijuana theme?

[repharma]

Hello everybody.

I have added a header in shopify but unfortunetly in spans across two rows. First row is the icon, the second row is the menu and the cart. 
How can I make this on one line on both mobile and desktop?

I would really appreciate any suggestions since programming isn't my strongest skill.
Thank you!

https://repharma.bg/products/joint-cure

[BSSCommerce-B2B · Accepted solution]

@repharma,
Step 1. Go to Admin -> Online store -> Theme > Edit code

Step 2. Find the file theme.liquid.

Step 3. Add this code above </body>

<style>
header .container-fluid .row {
  display: flex!important;
  justify-content: space-between;
}
@media only screen and (max-width: 576px) {
    header .logo-alignment #AccessibleNav {
        gap: 0!important;
    }
}
</style>

[BSSCommerce-B2B · Accepted solution]

@repharma,
Step 1. Go to Admin -> Online store -> Theme > Edit code

Step 2. Find the file theme.liquid.

Step 3. Add this code above </body>

<style>
header .container-fluid .row {
  display: flex!important;
  justify-content: space-between;
}
@media only screen and (max-width: 576px) {
    header .logo-alignment #AccessibleNav {
        gap: 0!important;
    }
}
</style>

[repharma]

Fanastic!
Can you just help me to make the logo on a mobile smaller?

Thanks! ❤️ 

[BSSCommerce-B2B · Accepted solution]

@repharma , change the previous code like this

<style>
header .container-fluid .row {
  display: flex!important;
  justify-content: space-between;
}
@media only screen and (max-width: 576px) {
   header .logo-alignment #AccessibleNav {
       gap: 0!important;
   }
}
@media only screen and (max-width: 767px) {
   #AccessibleNav .logo {
      transform: scale(0.8);
      margin-left: -40px
   }
}
</style>