Yes, you can use the theme on as many sites as you like. The theme will run smoothly without a license too. But you can use the license only on one main site to get every theme update.

For more info please check this screenshot
https://www.awesomescreenshot.com/image/44787885?key=24fd8b180ef2aaf6f61ed3e4d00a1f62

@PRISCILLALONG93, It was showing active on the site rbswp.azurewebsites.net/ and we have just removed that test site. Now, you can login to your site and active the license key on the site and update the theme.

@RJHOLOHANGMAIL-COM, you can see the font from Goole Fonts
here is the link – https://fonts.google.com/

@S967766, yes it is possible to decrease the white space.

Could you please share your site URL? we will provide you CSS to decrease the white space

Could you please try a manual import? We will provide you a demo files
Before you import make sure all the recommended plugin is installed and also woo commerce plugin.

Here is the link for the demo file
https://we.tl/t-7GXL75wKsr

Please follow the screen record
https://www.awesomescreenshot.com/video/22877384?key=f2d044178f917d6b97e891e36bed2096

It will take a while to complete import

• This reply was modified 1 year, 9 months ago by Psink.

You can add this CSS in the Additional CSS. This CSS will help to change and set the color of the menu and submenu same regardless of screen size

.wp-block-navigation .wp-block-navigation__submenu-icon,
.wp-block-navigation-item__content,
.wp-block-navigation-link a{
color: #fff !important;
}

.wp-block-navigation .wp-block-navigation__submenu-icon:hover,
.wp-block-navigation-item__content:hover,
.wp-block-navigation-link a:hover{
color: #f0f0f1 !important;
}

you can change the color and hover color as per your need

Seems you have added an Additional CSS already to your site

Please you can try this CSS, regarding menu width you can adjust the value in .sidr

.sidr{
width: 200px !important;
}

.custom-logo-link{
max-width: 100% !important;
left: auto !important;
float: none !important;
}

@media only screen and (max-width: 1023px){
.custom-logo-link img {
max-width: 50% !important;
left: auto !important;
}
}

@media (max-width: 480px){
.custom-logo-link {
left: auto !important;
}
}

@media only screen and (max-width: 767px){
.site-branding {
text-align: center !important;
}
}

@media screen and (min-width: 1024px) {
.container{
max-width: 1300px;
width: 100%;
}
#main-nav{
float: none;
}
.container #primary-menu{
display: flex;
flex-wrap: wrap;
justify-content: center;
align-items: center;
width: 100%;
left: 0;
}
}