Header Moved to Side from Top

Hey @lawrencefurniture,
The class header-vertical-full is causing an issue. Please check the backend. It might be due to a vertical menu being enabled in the page builder or the menu settings. This class on two place.

<div class="site-header header-vertical-full header-scheme--light sticky-header"><div class="container"><div class="row"><div class="site-logo">
				<a  rel="home">
					<img decoding="async" src="https://sp-ao.shortpixel.ai/client/to_webp,q_glossy,ret_img/https://royallivingfurniture.com.au/wp-content/uploads/2022/10/Royal-Living.png" srcset="https://sp-ao.shortpixel.ai/client/to_webp,q_glossy,ret_img/https://royallivingfurniture.com.au/wp-content/uploads/2022/10/Royal-Living.png 2x" alt="Outdoor Sofa, Lounges and Dining | Royal Living" class="logo-desktop hidden-lg-down">					<img decoding="async" src="https://sp-ao.shortpixel.ai/client/to_webp,q_glossy,ret_img/https://royallivingfurniture.com.au/wp-content/uploads/2022/10/Royal-Living.png" alt="Outdoor Sofa, Lounges and Dining | Royal Living" class="logo-mobile hidden-xl-up" data-o_logo="https://royallivingfurniture.com.au/wp-content/uploads/2022/10/Royal-Living.png">				</a>
			</div><div class="site-menu hidden-lg-down menu-align-center  "></div><div class="header-tools layout-base"></div></div></div></div>
<header class="site-header header-vertical-full header-scheme--light" style="height: auto;">
		<div class="container">
	<div class="row">
					<div class="site-logo">
				<a  rel="home">
					<img decoding="async" src="https://sp-ao.shortpixel.ai/client/to_webp,q_glossy,ret_img/https://royallivingfurniture.com.au/wp-content/uploads/2022/10/Royal-Living.png" srcset="https://sp-ao.shortpixel.ai/client/to_webp,q_glossy,ret_img/https://royallivingfurniture.com.au/wp-content/uploads/2022/10/Royal-Living.png 2x" alt="Outdoor Sofa, Lounges and Dining | Royal Living" class="logo-desktop hidden-lg-down">					<img decoding="async" src="https://sp-ao.shortpixel.ai/client/to_webp,q_glossy,ret_img/https://royallivingfurniture.com.au/wp-content/uploads/2022/10/Royal-Living.png" alt="Outdoor Sofa, Lounges and Dining | Royal Living" class="logo-mobile hidden-xl-up" data-o_logo="https://royallivingfurniture.com.au/wp-content/uploads/2022/10/Royal-Living.png">				</a>
			</div>
					<div class="menu-wrapper">
						<div class="site-menu hidden-lg-down menu-align-center  ">

				
			<div class="menu-menu-full-screen-container"><ul id="menu-menu-full-screen" class="menu sf-js-enabled sf-arrows" style="touch-action: pan-y;"><li class="menu-item menu-item-type-custom menu-item-object-custom menu-item-4701"><a ><span class="menu-item-text">HOME</span></a></li>
<li class="menu-item menu-item-type-custom menu-item-object-custom menu-item-1901"><a ><span class="menu-item-text">ALL OUTDOOR FURNITURE</span></a></li>
<li class="menu-item menu-item-type-custom menu-item-object-custom menu-item-4104"><a ><span class="menu-item-text">OUTDOOR LOUNGES</span></a></li>
<li class="menu-item menu-item-type-custom menu-item-object-custom menu-item-1903"><a ><span class="menu-item-text">OUTDOOR DINING</span></a></li>
<li class="menu-item menu-item-type-custom menu-item-object-custom menu-item-1904"><a ><span class="menu-item-text">OUTDOOR BARS</span></a></li>
<li class="menu-item menu-item-type-custom menu-item-object-custom menu-item-1905"><a ><span class="menu-item-text">COMMERCIAL</span></a></li>
<li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-5222"><a ><span class="menu-item-text">CONTACT US</span></a></li>
</ul></div></div>
					</div>
		<div class="header-tools layout-base">
						
												
									
															

					<div class="header-login ">
				<a ><i class="fal fa-user"></i><span>Log in</span></a>
			</div><div class="header-minicart">
				<a href="#" class="toggle" aria-label="Shopping Cart">
					<i class="fal fa-shopping-cart" aria-hidden="true"></i>
					<span class="minicart-text">
									<span class="minicart-count">0</span>
									<span class="minicart-title">My Cart</span>
						
			<span class="minicart-total"><span class="woocommerce-Price-amount amount"><bdi><span class="woocommerce-Price-currencySymbol">$</span>0.00</bdi></span></span>

								</span>
				</a>
				<div class="minicart-dropdown-wrapper" style="top: 0px;">
					<div class="widget woocommerce widget_shopping_cart">
						<div class="widget_shopping_cart_content"></div>
					</div>
				</div>
			</div><div class="mobile-menu-btn hidden-xl-up">
				<svg xmlns="https://www.w3.org/2000/svg" viewBox="0 0 800 600">
					<path d="M300,220 C300,220 520,220 540,220 C740,220 640,540 520,420 C440,340 300,200 300,200" id="top"></path>
					<path d="M300,320 L540,320" id="middle"></path>
					<path d="M300,210 C300,210 520,210 540,210 C740,210 640,530 520,410 C440,330 300,190 300,190" id="bottom" transform="translate(480, 320) scale(1, -1) translate(-480, -318) "></path>
				</svg>
			</div><div class="header-search">
				<a href="#" class="toggle">
					<i class="fal fa-search" aria-hidden="true"></i>
					<span>Search</span>
				</a>
			</div></div>
			</div>
</div>
	</header>

I have checked your site’s HTML, and it seems the issue might be related to changes in the page settings or menu settings from the backend. This may help you resolve the problem.

Best Regards
Ravindra Singh Meyda

• This reply was modified 1 month, 3 weeks ago by ravindra107.

Regarding the display, please ask the support of your commercial theme: https://themeforest.net/item/learts-woocommerce-handmade-shop-wordpress-theme/23379196/support – here in the forum we cannot help you with commercial products.

Regarding the restore, I would recommend first checking whether you have enough free disk space. If not, please contact the support of your hoster for clarification.