Several questions

Hello,

1. The Height of the Logo Image appears to be customized. Currently, you can only increase the Height of the Logo if you also increase the Height of the Header. Auto Height is not supported. To increase the Header's Height use this CSS Generator: http://support.semicolonweb.com/header-height-css-generator/ .

On Mobile, use the following CSS Code:

@media (max-width: 991.98px) {
	#header, #header-wrap, #logo img { height: 100px; }
}

1. We have just checked this out for you on Mobile Devices and it appears to be working fine for us. Let us know if you are facing further issues with this.

2. You will need to use the Media Queries or the Bootstrap Grid: http://getbootstrap.com/docs/4.1/layout/grid/ to achieve the Responsive Layout you need. Unfortunately, customizations are currently out of the scope of included Item Support.

3. This is Definitely Possible. Simply close the .container DIV before the Gallery and Open it again after the Gallery. Example:

	...

Gallery Codes

	...

1. This is Definitely Possible. Simply add the data-lightbox="gallery" Attribute to the Main Container and then replace all the data-lightbox="image" with data-lightbox="gallery-item".

This will definitely work fine. Hope this Helps!

Let us know if we can help you with anything else or if you find any further issues.

Hello,

Thanks for your Patience!

1. Always use Custom CSS codes inside the css/custom.css File to avoid any headaches during the Updates. Follow the Documentation > Start > Customization Section on how to use the css/custom.css File.

2. Consider using the following code:

@media (max-width: 991.98px) {
	#top-account {
		right: 0 !important;
	}
}

This should definitely work fine. Hope this Helps!

Let us know if we can help you with anything else or if you find any further issues.

Hello,

Thanks for your Patience!

1. Please consider using the following code instead of the current .common-height container:

	
		
			Text
		
	
	
		
			Lorem ipsum dolor sit amet, consectetur adipisicing elit. Similique cupiditate nihil necessitatibus quas harum officiis repudiandae magnam, dolorum minima ab!
		
	

This is super flexible and modern.

1. To disable Ken Burns on Mobile Devices, add the following setting to the Revolution Slider JS Initialization Code:

fallbacks: {
	panZoomDisableOnMobile:"on",
}

This will definitely work fine. Hope this Helps!

Let us know if we can help you with anything else or if you find any further issues.

Hello,

Your code should look like this:

tpj(document).ready(function() {

	var apiRevoSlider = tpj('#rev_slider_k_fullwidth').show().revolution(
	{
		sliderType:"standard",
		sliderLayout:"fullwidth",
		delay:9000,
		navigation: {
			arrows:{enable:true}
		},
		responsiveLevels:[1240,1024,778,480],
		visibilityLevels:[1240,1024,778,480],
		gridwidth:[1240,1024,778,480],
		gridheight:[600,768,960,720],
		fallbacks: {
			panZoomDisableOnMobile:"on"
		}
	});

	apiRevoSlider.bind("revolution.slide.onloaded",function (e) {
		setTimeout( function(){ SEMICOLON.slider.sliderParallaxDimensions(); }, 400 );
	});

	apiRevoSlider.bind("revolution.slide.onchange",function (e,data) {
		SEMICOLON.slider.revolutionSliderMenu();
	});

});

This will definitely work fine. Hope this Helps!

Let us know if we can help you with anything else or if you find any further issues.