I make a b&b site b myself, the desktop version is optimized and really fast, with much plugin checked and verified, but wihtout reason the mobile version is completely different; seems like the update i make every time in word press go just to the desktop version instead the mobile version.

In some page appear the update of some weeks ago and seems the page is not more updated…..

www.troomsaffittacamere.it

I need help. My website has gone live and looks fine on PC and tablet, however on mobile the page is criss-crossed with a white background going from right to left. Only a few elements are visible on the left side. I used the Neve theme and searched for Margin and Padding, which allow the page to be designed responsively. A designer before me chose the theme and I had to work with it, which is why some settings didn’t seem easy to me. Could you help me?

Best regards from Germany, Franziska

I have tried deactivating the latest plugins I am using, clearing cache and retry, but still same issue.

Any help would be greatly appreciated.

Thanks for developing the plugin. But it’s not responsive at all. The form fields shoot up the page. This is only visible on the mobile phone, not in the responsive view in the browser console. Many thanks for the help.

Regards Gisela

I have a problem that’s driving me crazy, but maybe it’s a stupid and easy thing.
In the mobile responsive version of the website, a white band appears on the right, like an empty column (which at first glance is not seen, but scrolling horizontally it pops out!). This can also be seen from the backend, i.e. the wordpress backend bar at the top stops and then the white area starts.
I have checked and double checked the Elementor settings and it seems to me they are correct. I tried uninstalling plugins, but still no change.
I revised the header and footer (made by elementor header & footer builder), but also here 100% wide.
I was thinking about a setting for some photo galleries, but seems the settings are corrects.

I haven’t created many sites, but I have a minimum of experience, and I’ve never had this problem.

Any suggestions is warmly appreciated

Screenshot here and here

<script type="text/javascript">
	jQuery(document).ready(function() {
		jQuery('#slider_2259').owlCarousel({
			items : 1,
			smartSpeed : 200,
			autoplay : true,
			autoplayTimeout : 5000,
			autoplayHoverPause : true,
			smartSpeed : 200,
			fluidSpeed : 200,
			autoplaySpeed : 200,
			navSpeed : 200,
			dotsSpeed : 200,
			loop : true,
			nav : true,
			navText : ['Previous','Next'],
			dots : true,
			responsiveRefreshRate : 200,
			slideBy : 1,
			mergeFit : true,
			autoHeight : false,
			mouseDrag : false,
			touchDrag : true
		});
		jQuery('#slider_2259').css('visibility', 'visible');
		sa_resize_slider_2259();
		window.addEventListener('resize', sa_resize_slider_2259);
		function sa_resize_slider_2259() {
			var min_height = '40';
			var win_width = jQuery(window).width();
			var slider_width = jQuery('#slider_2259').width();
			if (win_width < 480) {
				var slide_width = slider_width / 1;
			} else if (win_width < 768) {
				var slide_width = slider_width / 1;
			} else if (win_width < 980) {
				var slide_width = slider_width / 1;
			} else if (win_width < 1200) {
				var slide_width = slider_width / 1;
			} else if (win_width < 1500) {
				var slide_width = slider_width / 1;
			} else {
				var slide_width = slider_width / 1;
			}
			slide_width = Math.round(slide_width);
			var slide_height = '0';
			if (min_height == 'aspect43') {
				slide_height = (slide_width / 4) * 3;				slide_height = Math.round(slide_height);
			} else if (min_height == 'aspect169') {
				slide_height = (slide_width / 16) * 9;				slide_height = Math.round(slide_height);
			} else {
				slide_height = (slide_width / 100) * min_height;				slide_height = Math.round(slide_height);
			}
			jQuery('#slider_2259 .owl-item .sa_hover_container').css('min-height', slide_height+'px');
		}
		var owl_goto = jQuery('#slider_2259');
		jQuery('.slider_2259_goto1').click(function(event){
			owl_goto.trigger('to.owl.carousel', 0);
		});
		jQuery('.slider_2259_goto2').click(function(event){
			owl_goto.trigger('to.owl.carousel', 1);
		});
		jQuery('.slider_2259_goto3').click(function(event){
			owl_goto.trigger('to.owl.carousel', 2);
		});
		var resize_2259 = jQuery('.owl-carousel');
		resize_2259.on('initialized.owl.carousel', function(e) {
			if (typeof(Event) === 'function') {
				window.dispatchEvent(new Event('resize'));
			} else {
				var evt = window.document.createEvent('UIEvents');
				evt.initUIEvent('resize', true, false, window, 0);
				window.dispatchEvent(evt);
			}
		});
	});
</script>

Since the slider needs to load normally I can either lose 10+ points on optimization or find another plugin.

I’ve been having two issue with the menu on mobile, and I hope you can help me on this.
1) When I first load the page, the menu appears as a square toggle button on the top right corner, and then it shifts and appears as a bar below the logo.

2) When using Safari, the menu behaves as aforementioned in point 1, but in addition, it is usually not responsive (I click on it and nothing happens). However, sometimes it does respond after refreshing the page or scrolling around.

I would appreciate your help here (btw, I am a WP beginner)

Thank you!

Thank You

One of my blog post layouts is not responsive on the desktop. The layout is displaying in tablet view on desktop devices.

How to fix this?

Thank You.

https://drive.google.com/file/d/1MyVcKvcgDdil9HTPpXfUSj03UY9b21jI/view?usp=sharing