White space on right side of page mobile wordpress. It only occurs on my mobile version.

White space on right side of page mobile wordpress Get WordPress Forums. https://postimg. 6s ease-in-out left; -o-transition: . In smaller screen this image showing in outside of . I have been looking at different smart phone screen sizes in chrome dev tools mobile view, and that random white space on the right side of my page is always there. However homepage is absolutely fine. Or one other way you can do this is, if you are using a page builder, you can add three inner sections. wc-block-grid__products li. 6s The navigation worked fine on a mobile device initially, and I didn’t change anything between when it was functional and when it wasn’t. Ask Question Asked 10 years, 2 months ago. How come there is a white gap on the right side of the page when viewing on a mobile device? 0. HTML: This issue was the closest but I did not understand how to apply it to my situation: White space in the right side using mobile device It seems to look fine on firefox, but with google chrome I use site origin page builder, and it seems it is when my row uses “fully width stretched”. Viewed 2k times 0 . As i hope you will be able to see in the picture below. All Elementor "Sections" have a default Gap spacing & all Columns are defaulted with 20 pixels of padding. You can see the issue on the following link. menu-primary { display: table!important; width: auto!important; } en WordPress. The widget is relatively difficult to find. Viewing 1 replies (of 1 total) And is there a similar code for removing the right side white space / column under the shop page? So this code would help, although you may wish to reconsider, or tweak the 240px to help keep things symmetrical. To center your menu, use this: . White space showing up on right side of page when background image should extend full length of page. The Styles tab icon looks like a black-and-white circle: Under Block Spacing, you will see a slider. Greetings, friends! I have a problem with a huge white space under the footer, can’t understand how to remove it. Click on the Set custom size icon. PRO MEMBER PERKS Divi Block Pro - Premade testimonial carousel design for your Divi site without using any plugins:View Demo. Blocks. If you are unable to find the respective element causes the space. @media only screen and (max-width: 719px) { ul. In addition, padding can be applied to the top bar as well, so even if you are using a Top Bar with widgets, there may be padding above and/or below it, based on this setting. So some text are almost WordPress theme, white space to the right. why is there a bunch of white space on the right of my page? 0. com Forums White space on mobile view White space on mobile view jmchez · Member · Feb 18, 2021 at 1:19 am Copy link Add topic to favorites Hello, I have added CSS code to modify the default view of HIVE theme to fit more blog columns and rows screen. Home › Forums › Support › White space on right hand side on mobile. com Forums how do I reduce the amount of white space on the sides of my posts? how do I reduce the amount of white space on the sides of my posts? gavino1983 · Member · Jan 16, 2014 at 2:04 am Copy link Add topic to favorites I have a lot of “dead space” on I've looked at many "mysterious white-space at bottom of page" issues here on SO, and played with the viewporttag many times, but I still cannot figure out what I'm doing wrong! Mysterious White Space at bottom of Web Page in Mobile-Chrome. I'm working on a project and I'm running into a big issue. Therefore the mobile view moves to There is this white space on the right side of the screen when I open my website from Chrome. A white space is displayed on the right side of the web page in the mobile version. if ur having unwanted white space in right side of ur screen its because of overflow so to remove it go to ur css then in body write. Or you can give only for the Tablet view, as the Mobile view will inherit from As you can see, their is extra space on the sides of the header. com Forums Remove white space on top of page Remove white space on top of page joeybazarro · Member · Apr 27, 2015 at 8:56 pm Copy link Add topic to favorites Hello- I am using the Radcliffe theme and I am trying to eliminate the white space between my page menu and the content on I just published a post on my site and when I looked at the mobile version there was a lot of white space between the header and the start of the text. If I open the website on a mobile phone, there’s white room on the right and left side if the website. kindly help . The topic ‘Blank space on the right hand side I'm designing a Wordpress website for one of my clients and I'm getting a strange white gap on mobile devices. Then I added overflow-x:hidden. Hi @asemalkamel01,. When you show only the . com Forums White space left and right on entire page in mobile view White space left and right on entire page in mobile view anitakragelund0774 · Member · Dec 22, 2022 at 9:53 am Copy link Add topic to favorites Hi there! I really need help with a page I literally cloned from another page on Home › Forums › Support › Extra white space on right side This topic has 1 reply, 2 voices, and was last updated 4 years ago by David . There might be white space on mobile view for certain pages or templates when the cookie banner is enabled. Basically when I am trying to edit a wordpress page, every time there is an "add title" thing on top of page which I think is the reason for that happening. Hello, So I am currently working on a new online store, https://adaline. 8. A sensible fix would be to add overflow: hidden to #fw-footer (or simply add margin: 0 on the last p). I wonder how can I remove this blank space. . 0. I am trying to remove the white space at the top of my wordpress website. Hi @andrmcal,. I was just wondering if anyone else had any solutions. They are taking some fixed space due to the display: grid, as you can see here in the DOM:. My hero unit was off - fixed that and everything was good. Here is a custom code that you will need to add to your website – In the Group block‘s settings on the right side, locate the Dimensions settings within the Styles tab. The mobile page renderings are showing a large unintended blank white space after the header. A lightweight foundation to base your website on. The slider was displaying fine in all browsers and mobile until about 6 months ago, when this white space appeared to the right of the slides in browsers (chrome, firefox, edge). Code Link:https://mrdigitals. The extra white space on the right-hand side of your mobile site is likely due to an element that exceeds the viewport width. This topic has 4 replies, 2 voices, and was last updated 5 years, 2 months ago by Leo. Thanks for choosing Neve! I checked your site, but I am not sure I can see the issue. You can tell if this is the case, because the gap will go away once you've scrolled to a When I create a mobile site, it allows you to scroll right where there's just empty blank white space, as if the canvas just ends. For such elements, I gave box-sizing: border-box; like below but the issue persist. Viewing 5 My website shows a white space on the right side only on mobile, both firefox and chrome show it just fine, even when using responsive design to simulate mobile size. One such image is attached here I have tried display-x property. com Forums Remove white space on page Remove white space on page mapublichealth · Member · Feb 7, 2017 at 9:51 pm Copy link Add topic to favorites Our site currently has a lot of extra white space on the right and left sides of our webpage content. 3. I had the same issue on the desktop size and fixed it by setting the footer to 99% width and it fixed the issue on the larger screen sizes. - - - Get CSS code from here: https://rbnwebsolution In some instances, when using Elementor (Pro),. If anyone has an idea to remove these white rectangles/bars, or change their color so they do not appear white but instead match the website background, I would White space on right side of mobile site. This topic was modified 1 year ago by When on mobile view, I can scroll right and there is a large empty white space that is not there when viewing the site on a desktop. And the second problem is white space on the right side in mobile version, mb it’s not ’cause of “Elementor footer&header plugin”. This creates the additional space on the right, which is not actually space, as this widget causes it. Alter the 1240px size to your preference. Most responsive sites still have a page wrapper and a maximum width. I've gone through my theme's CSS multiple times, and have changed the margins, widths, and paddings on everything and anything possibly associated with the If it is enabled, but there are no widgets assigned to it, then it may appear as a blank space. You can keep the set width if you add a max-width to the image. Extra white space in the webpage on the mobile devices. On the other hand, there are some size which using widely, fore example you can see lots of websites with 950px, 1000px and 995px width, it is because of a common law that provide a better look en WordPress. uk. com Forums Remove white space above/below header on mobile Remove white space above/below header on mobile passionsandplaces · Member · Mar 26, 2017 at 8:41 am Copy link Add topic to favorites Hi all, I’m using a Genesis Framework theme (Lifestyle Pro) for my blog, and I made a couple small changes to increase the height Byenicotine. Finding yourself with white space on the right side of your Oxygen page on mobile devices? The best way to do this is in Chrome, right click on your page and choose Inspect. I'm using container-fluid. Simply adding “viewport-fit=cover” to your viewport meta tag will expand your site to fill the entire screen and not just the safe area. I know it’s very I have been searching for a while trying different methods to try and remove white space between my images on the home screen on my mobile version. It's free to sign up and bid on jobs. To apply a preferable max-width globally, copy the above rule to Additional CSS section of the customizer or style book. eslaah. Desktop view is ok but i am having problem with mobile view . Option 1. (Have tried a lot of the advices in the forums, but Your container is not picking up margin:0 auto in mobile css. I don’t see the white space as you described. Tried to clone the original theme but just renaming the folder didn’t work. I also check it on my real mobile (Android) and I don’t see the right When I view my site via mobile and swipe the screen to left or attempt to zoom out, a white blank space appears on that right side. I also have a thin small white gap between two images on my home screen which wold also be great to remove. cc/w7Fg2htN September 20, 2022 at 11:49 am #2348819 I find it quite remarkable that out of 6 answers, none of them have mentioned the real source of the problem. It has a gap of white space on the right side of the screen at screen sizes roughly below 767px. So replace from main. com/skyscraper-google- When it loads it looks to be alright, but you can go to far out to the right and when you zoom out you can see clearly see a big white empty space. The content is fine but the menu extends into this space. com mantenimientosyreparacion. I am trying to fix this problem - There is a huge white space around the posts and pages in mobile display. Here is a screenshot of what it looks like when I scroll to the right: Screenshot of issue. Mobile version of site cut off on right side. css at line number 2638 @media only screen and (max-width: 641px) . In the upper right, click the “Toggle Device Toolbar” button to show mobile responsive views. body{background:color;} or for an image. It scales correctly when loaded in portrait mode, and also when rotated to landscape. there is a white margin on the right side of my site. yuledochieacademy. white edges on the left and right in mobile wide view db9784 (@db9784) 2 years, 6 months ago Hi, unfortunately I’m not able to replace the white spaces on the left and right side, when openin The Content Padding can be set uniquely for the mobile view through clicking the mobile icon at the right side of the setting. let me try to inspect and figure it out. In mobile view there is an extra space on the right side. also i tried the css snippet from this link but doesnt work at all Try applying the “blank” template to your page. It's because your image has a set width which happens to be wider than the mobile screen. com Initially I had the issue of white space on the right side of the page. Theme. its normally bad ux on their part. input[type=text], input:focus { width: 100%; padding: 12px; border: 2px solid #ccc; border I have looked and tried everything. Can't get rid of white space at bottom of my mobile version of website. but i cant find what causes the white space on the right on mobile. 31. 6s ease-in-out left; transition: . wc-block-grid__product { The main one is that for some reason, there is empty space on the right-hand side. Whenever you enter from a phone with a wider screen, web archive looks like it is not centered but in fact you have to zoom out, and after you do that you can see the Themes: Some themes may have pre-set margins or padding that can cause white space to appear. ir It looks fine on my laptop but when I open it on my mobile device it has a white Hi Apex, I have a Revolution slider on my home page: the-earlybird. If it's the white space that bothers set a background to the body element. The overflow is hidden . In some cases, it can be caused by an element that's animated in from the side using the Animate on Scroll feature. Skip to main content. My url for the site is below: https://athleteperks. com/how-t How can I adjust the mobile site margins? bgs28244 (@bgs28244) 1 year, 6 months ago As you can see with my link, I adjusted my Mobile site left-right margins too much closer. Adding the following code, solved my problem, but caused the navigation to stop working on iPhones and caused display issues on a Windows 7 phone in mobile view have a look at the mobile nav. All the images are 303px by 303px. Since some elements are set to 100% width, I can't seem to figure out why this white space is overriding those elements. Use this subreddit to ask questions, show off your Elementor creations, and meet other If you have an element that's 500px wide but the viewport is only 300px wide, you'll end up with a white gap on the right side of your site. Hello guys, if you are planning to buy hosting, please use th en WordPress. copy this co When I view my website on a mobile screen of iphone there is a white space on the right side of the screen and I can't figure out what is causing it. Mobile View has White space jantsa1313 (@jantsa1313) 1 year, 3 months ago Hey, I’m building a website for my customer and when I open it in mobile it for some reason has a lot of white space en WordPress. com Forums Reducing gap/ white space between 'home page' section and the static pages below Reducing gap/ white space between 'home page' section and the static pages below ecovillagemovements · Member · Apr 7, 2018 at 9:53 am Copy link Add topic to favorites Hi there, I currently have my blog settings as totally private, so Hello my website is facing a major issue on mobile version about the white space or the right like body or overlay i dont know please look into it. comI like that it has a It now looks much better on mobile devices, but a white area is appearing to the right hand side. So the problem is this unneeded blank space in the site’s witdh. I have had this problem also when I insert videos from Youtube on my page. You could also just move the script inside that last p outside of In this video, we will show you how can fix the White Space issue on your WordPress Website. com Forums big white space on the right big white space on the right kimvanderloop · Member · Jan 27, 2022 at 10:28 am Copy link Add topic to favorites Hello, my site had the theme blask. However, it sounds like the custom code solution they suggested worked for you. SkyScraper Ads on wordpress website blog posts. My website runs on WordPress with Astra theme and build with elementor. com Forums Mobile version of site cut off on right side. The icon looks like two horizontal lines with a dot on each one: Type the number 0 as the custom size. Use this subreddit to ask questions, show off your Elementor creations, and meet other Elementor enthusiasts. com). White space issue on right of web page. Posts: If you have a post with a lot of white space, it can cause white space to appear on your website. body{background-image:url('background_image_url')} Search in WordPress. The site uses the Eduma theme, but even with the default WordPress themes the whitespace still appears. It is clearly seen the orange'ish top-margin is set on it. What is causing this? My first thought was an unclosed div, but I White space on the right side of the content Resolved Sankalan (@sankalan) 2 years, 4 months ago Some posts are getting a lot of white space on the right side of the article body/content. Mostly visible on iPhone/iPad, but zooming out on other devices shows the white space is there. In your case, you didn’t give any value for Tablet and/or Mobile view, hence the issue arises. I just noticed an extra white margin on the right of the page that goes about 200px in width. My goal would be to remove the space, so that the floral pattern is flush with the content box or whatever you call it. Ask Question Asked 12 years ago. The tablet page renderings are showing a smaller unintended blank white space after the header. Unwanted white space on the right and on the bottom of my site background in mobile view. I assume this was due to some update to the plugin or theme. The site is www. IN MOBILE VIEW. Extra width on Mobile views - Can't figure out what's causing the extra space. Therefore the mobile view moves to Everything within your site has been built to within the specification of your wrapper width. I can't see any element that has margin showing, or I have a question concerning the adjustment of the left and right padding for the content area of all of the pages and posts of my WordPress site (ethicen. com. I also thought that footer widgets were breaking this - but not. There is space in both side of the pages. It is particularly noticeable when opening the site via chrome in mobile mode: When I opening the site from mobile I see only blank white page , if I scrolling this blank page in the mobile to right over and over -> finally I can see the site. top-container. but OP should see the white space was caused by the section not being brought up high enough to fall behind the menu nav like it was on desktop where his -96px margin was likely sufficient I am working on a wordpress site and using the TwentyFourteen theme. The desktop page renderings are showing no unintended blank white space after the header and appears to be rendering as I had intended. And these lines have worked well. To fix this you will need to give a different value to the Mobile view. Ive tried to troubleshoot with various steps but was unsucessfull. This is due to the fact how Complianz calculated the width of the page. It fixes the problem of posts and pages however it breaks the homepage. com Forums Remove clear space on left side of the website Remove clear space on left side of the website kristyleighmckay · Member · Dec 22, 2013 at 5:31 am Copy link Add topic to favorites Hello, What code will remove the clear space on the left side of my website? It also over-rides the code that i added to remove the white en WordPress. At my wits end. When open in mobile view there is extra white space to the right side . co. White space on right side of mobile site. When the page has an element that is stretched with javascript or not responsive a white space might occur. Currently, I am working on my Navigation Bar on the Website, but for some reason which I can't figure out (I've tried many things) the bar is positioned exactly in the middle which leaves a small amount of white space at the top, left and right of the bar. -----Site's Link: yubran. 3, I noticed that there was a whitespace on the left and right side of the home page. Here is the HTML: Here's how to add or remove blank spaces between WordPress blocks and improve your site design. in css: (body{ width:100%; overflow-x: hidden; }) this is before. 2. For me it was something that wasn’t noticeable on desktop but with the narrow mobile screen, pretty prevalent. amjadkhoulani title says right side but I got the issue “white space on the left”. I've set the widths to 100%. This image is absolute position for Mobile and Desktop. In this video, I will show you how you can fix the White Space issue on your WordPress Website. I recently updated WordPress to the latest version and it seemed to have affected my sites settings. the number one place on Reddit to discuss Elementor the live page builder for WordPress. This is especially noticeable on mobile. Disabling an empty top bar may solve the problem. Any advise will be greatly appreciated. There isn't a single div sticking out into that white space when I inspect with developer tools, and I can't find anything in the css that would be causing that en WordPress. then I saw no space on the right-hand side but on a mobile device I saw unwanted spaceplease help, this is strange. Modified 10 years, 2 months ago. But I created two sites, and the two sites has unwanted blank space at the right in mobile version. So this issue only happens with WordPress page builder. Otherwise it breaks! In my experience, this is one of the most common causes of that white space to the right hand side. We would recommend duplicating the relevant page and delete sections until the white space en WordPress. Thanks! Visit our Facebook page; Visit our X (formerly Twitter) account; Visit our Instagram account; Visit our LinkedIn account; Visit our YouTube channel Cari pekerjaan yang berkaitan dengan White space on right side of page mobile wordpress atau upah di pasaran bebas terbesar di dunia dengan pekerjaan 23 m +. site-content { margin-left: 360px; width: calc(100% - 240px); } } I hope this helps! Because you have positioned one of the Elementor widgets so unfavorably that it is placed far to the right. Solutions welcome! Thanks #1 Digitman, Aug 9, 2019. but I have a pop-up and the pop-up is getting There are three main things you can do in Elementor to fix this. Make sure there isn’t any weird padding etc on the right. There is indeed some white space under the header, but that is present on desktop as well, so I’m not sure if that’s what you are referring to, since you mentioned that the space you are referring to is not visible on desktop. Removing the White Space Issue in WordPress. I have created a page using elementor page builder. From this beginning, white space went on to This transition shows white spaces between two slides Inorder to hide those white spaces we need to remove transition by rewriting the css and using !important to make it work. Wordpress styling On Chrome my website displays fine, but in FF or IE, I get horizontal scrollbars and white space to the right of the site (might have to resize/refresh a couple times for it to show up). It works perfectly fine on any other Browser and in mobile view in WP. Viewing 2 posts - 1 through 2 (of 2 total) Home / Fixing WordPress / I have a white space on the right side in my website. page is breaking and having huge white space on right side of page. this is because you set a specific size for your page and align itto center to make sure your visitor see it. team-section:not(. if its useful give it a like and comments for more solutions. Search for: Search forums. bootstrap. This is how it looks like for me on mobile. Page is built with elementor. I have a white space on the right side in my website. Commented Nov 10, 2015 at Learn how you can remove right side extra white space from any website. Here are some steps to diagnose and fix the issue: In my mobile device once I swap to the left direction a huge white space disappears. I can't for the life of me figure out what is causing the white space. This website is using the Market theme, when you open the website from a PC, it looks OK, but when you browse from a smart mobile, text margins (from left and right) are large and affecting the amount of viewable data on a smart mobile screen. I have tried using various ways which is already there in community but nothing worked. com Forums Content being cut off on right side of home page only Content being cut off on right side of home page only darlynncreations · Member · Jul 7, 2012 at 4:44 pm Copy link Add topic to favorites Not sure why, but is Just build my first website with WordPress and Elementor blocs. If so, the solution is you’ll add this CSS code to Appearance > Customize > Additional CSS from dashboard. This results in a large white gap on the right side of the page, a horizontal scroll bar and the collapsed hamburger menu for the nav showing up on the far right, out of view. Just build my first website with WordPress and Elementor blocs. You no need to use this cloud image for mobile devices. I am unable to remove the white space from right side when implementing responsive design. For my portfolio site I see a white space to the right side in the mobile view (only in chrome) and its fine in desktop and Mozilla mobile view. active) { display: none !important; } White space on top mobile view Resolved birima (@birima) 2 years, 8 months ago Hi, I have tried to add several codes to Additional CSS that I’ve found here but nothing seems to reduce the whi If you still have spacing, go into your column(s) > "Layout" tab > "Widgets Space" (set it to zero "0"). This is a picture of the result: And the wordpress dashboard: Hi, I’m new to bootstrap and I’ve made this page just recently to practice and learn bootstrap: bs. The problem is persistent on chrome, Firefox, IE etc. To do so you would need to add a custom code. i noticed that every page have a white space on the right. team-section elements are causing the overflowing layout on mobile, on desktop this isn't directly visible. In all browsers on mobile devices, this blank white space is displayed when sliding it slightly to the right. To avoid white bars around the browser you would need to extend the Safe Area. This cause a scroll bar to show at the botttom of the homepage. container { max-width: 360px; margin: 0 0; } The white stripe is just an area without content caused by the maximum width of the page (or # page). You have two option to fix this issue. I fixed it in Chrome and Firefox (but not Edge) by playing The layout looks correct, but there's a huge blank white space on the right side and a scroll bar at the bottom. After that, scroll down to the In this wordpress tutorial for beginners you will learn how to fix extra white space gap on left or right side on mobile layout in elementor pro website page FIx White Space Under Footer on wordpress page (Elementor Page Builder) Ask Question Asked 4 years, 4 months ago. this is my first help i am new to stackoverflow hope this helps. I am facing the same issue mentioned in Unwanted white space on mobile version and as per the solution there, I looked for the elements which are 100% width and having padding. I'm trying to achieve a 'fluid' layout. Here is how I remove whitespace from the right side I tried to find a solution to avoid the problem of the white space on the right side of a web site specially notable in mobile version. As the theme can impact the layout of a site, @vixel was correct in suggesting you check your Astra theme’s settings. Page Example. The white space is the one marked in red rectangle You can set it by spacing settings like margin, padding, width, etc. If you reduce the size of the logo it will go away, logo would need to be under approx 140px wide. I checked the site and all appears well in regards to the width of the containers. I inspected your site. I have marked it here in the screenshot, you can also see from the dimensions that it is After running a WordPress update on the website to version 5. I think I've identified what section is causing the issue, but can't seem to fix it regardless of any tweaks. com Forums Remove white space in product page in mobile view Remove white space in product page in mobile view abhinavtheg · Member · Sep 6, 2019 at 7:28 pm Copy link Add topic to favorites How can i remove or decrease the white space between the product thumbnail image and header bar in my website On my every page I create there’s a large blank space on the right hand side of, like a blank column, I would prefer all of my content centered on the page. Modified 10 years, 11 months ago. 7. I have tried to inspect and remove it but is not working the white space above is just annoying. A powerful page builder to build your website. This only occurs on mobile and only for this page. I’m not sure if that’s the cause of the issue. I have no idea why there’s a blank right hand margin/ column. Viewed 718 times 0 . In my Wordpress install, some of my pages have a blank white space under the footer that I would like to remove. com Forums Reduce margin/padding space to left/right of content in mobile Expound theme Reduce margin/padding space to left/right of content in mobile Expound theme drnathancharpentier · Member · Feb 3, 2014 at 2:21 pm Copy link Add topic to favorites I’m using the special customized version of Expound on WordPress. Skip to primary navigation; click the ‘Block’ menu item in the right-hand options panel. com Forums Fix empty space on right side of blog Fix empty space on right side of blog hardyhatrackhunter · Member · Mar 13, 2014 at 11:32 pm Copy link Add topic to favorites I’ve tried many things and searched all the support archives but can’t seem to find the exact solution. elementor need to stop blaming plugin and template issues. It seems to be only in the header section too. content-area{ padding-left: 50px; padding-right: 50px; } Also for the best mobile view, you can add media queries How to remove white space left and right side of page? 0 en WordPress. 1. And if I got your issue correctly, you are getting an empty space on product column in a screen under 720px wide. On each side of the page there is a white rectangle/bar. I used Chrome's inspection tool, and I see the width is 1440px when it should be 1240, but I can not see which css file is making it that way. I think I've identified what section is causing the issue, but Mobile View – There is an extra white space to the right (left and right scrolling) caused by the tiny scroll to the to button. For a BRILLIANT, visual explanation of container, row, column for Bootstrap, including a discussion of this and other This solves the issue and makes sense for mobile white space – Rob Gleeson. When I view my site via mobile and swipe the screen to left or attempt to zoom out, a white blank space appears on that right side. Also if my headings are a big word consisting of more than 15 characters (which is normal in Danish), the mobile version seems not to show it in two lines but one line creating space on the right side. Modified 4 years, 3 months ago. carousel-inner>. org. com Forums Mobile view (too much space on top of the page) Mobile view (too much space on top of the page) acswilde · Member · Jun 6, 2016 at 8:46 am Copy link Add topic to favorites Hi Guys, On the mobile view of this site, there’s a huge white space between the top of one more thing, while editing in WordPress editor when I customize, then if I go to mobile view mode . Big White space on right of website. I found this solution css code: html, body{ width:100%; overflow-x:hidden; } but I Unwanted Top White Space [Mobile View] on index page I tried to modify the code but was unable to find the source or solution, this is the url of the page: https://tebacaravaning. Fill extra space on the left and right side of blog posts. es/ When you see the . @media screen and (min-width: 1025px){ . I noticed that on the desktop, at some point the clickable words in the upper right to navigate to the next pages no longer had a space between them. My front page is the only exception, but on every other page the white space is there. you need to go to the template you want to use (like “page” and find the block that contains “site content”. Tagswebsite white screen problem,wordpress right white spacedivi website right white space,website overflow problemwordpress extra whiteright side white spac en WordPress. Unexpected space mobile view. When i deactivate al plugins the white space stays. The process of adding the CSS follows: 1) Using the Customizer Or Editing the Stylesheet Search for jobs related to White space on right side of page mobile wordpress or hire on the world's largest freelancing marketplace with 23m+ jobs. I've been looking for a solution, but haven't come up with anything so far. How do I remove white space from right side of screen. css . Everything works fine on desktop but on mobile the page moves side to side as if the container is bigger than the display. com-----Few weeks ago, you guys shared these lines to the solution. Anyone have a clear solution for this I can't get in the point. Hello! In my website i’m facing a issue where when im viewing my website in tablet or in mobile with desktop view on in google chrome. and the problem disappeared in all browsers except when i use chrome mobile In the same way, silence in a conversation can be more expressive than any words, and a space on a page can convey meaning if used in the right way at the right time. Set the size of both side sections as you want white spaces, leave en WordPress. Hope that helps :) All of our powerful WordPress tools in one easy bundle. when we preview the page on browser there is huge infinity white space below footer. Mobile Version Of Web branislavklen (@branislavklen) 2 years, 1 month ago hello my problem is that if i go to this page on mobile phone i have the white space on the right . Remove all negative margin . I have not been able to figure out how I remove the white space, which apeear to be just outside or inside the content container (below the header and above the footer) in mobile view. White space around images only on mobile - wordpress. item { display: none; position: relative; -webkit-transition: . The following is a view when you inspect the right nested element. This question is unlikely to help any future visitors; it is only relevant to a small geographic area, a specific moment in time, or an extraordinarily narrow situation that is not generally applicable to the worldwide audience of the internet. Your . This white space also seems to be present on first loading in portrait as the user can swipe the page left hi. To expand the width to 100% you can use this: div#page { width: 100%!important; } Some things will need to be adjusted to your new page width. When i change the theme its gone. It can be done by CSS very easily. this is after. How I can fix it? On your other pages it’s overridden by page specific CSS. When i upload the theme to a clean install the white space i gone. Here is also an image. Hi, @fifthshotmedia. I have tried to remove this by adding additional CSS but am not sure how to target it. how do i set everything in the Wordpress site works with themes and page builder. hope this helps somebody. this problem is just for the home page and no other pages are affected right now. On that found element replace margin-top with padding-top if you need space above it and yet not to leak it above the body tag. com Forums Huge white space on mobile version of site Huge white space on mobile version of site pccateringco · Member · Mar 5, 2018 at 4:30 pm Copy link Add topic to favorites My desktop site looks flawless, but on the mobile site there is a huge white space between the image and the content! I notice when I move my mouse around I have white space to the right, left and top of my pages, I have not mess with the margins or padding. I can't figure out what is going on. I'm using bootstrap and I need the page to be full width. So you can manually check all the layouts of page builder and find the one which causes the extra white space on the right/left side of the mobile view. For the top space generated by the Separating space, if you want to remove it from mobile only, you can try adding this CSS in Appearance > Customize > Additional CSS: @media (max-width: 768px) { main#main { margin-top I am not sure what is causing this. How to ge #Elementor : Removing white space on mobile view / Disable Zoom out in mobile view . Put it live, but there seems a problem with the mobile view. The window responds accurately and content adjusts accordingly but when scrolled, there is space on the right always! Hierarchy of classes:----> container-----> sidebar-----> name-profession When I view the website at full-screen (on my computer), it appears fine, however when I resize the browser to a smaller window, a very strange white space appears to the right of all the website content. png image. com Forums Remove padding from body of pages Remove padding from body of pages johodges100 · Member · May 11, 2015 at 5:11 pm Copy link Add topic to favorites Hiya I’d like t I need help to edit side margins in the mobile responsive view of a WordPress website. I am using the Gazette theme and no matter what type of page layouts I use there’s that blank right hand column. This is the point it goes to the "mobile" layout. Unwanted white space on the right and on the bottom of en WordPress. It only occurs on my mobile version. all i did was to click padding to enable individual control over top, botton left, right and that instantly got rid of the white space its a joke how many hours i lose bug fixing elementor. website uses 100% full Width container size . active element, it works as expected on both mobile and desktop. Thanks. . in mobile view, there is a big white blank space on the left side of my home page. However, when rotating back to portrait the page seems to shift left, or not zoom correctly, and there is a strip of white space down the right-hand side. en WordPress. c How to Fix Right / Left side white space problem on mobile Using the viewport meta tag to control layout on mobileget the code here:https://ycanfix. White line in The Tablet and Mobile will inherit the value from the Desktop unless you give different one. New to wordpress, I am trying to remove the white space between the header and the slider. Collapsing margins on the last p inside #fw-footer is where that extra space is originating from. if the white space disappears, it means that in the template you are using, the element that contains the “site content” (for example a column or group) has some margins or padding. I use WP Ocean theme, Elementor and woocommerce. On Mobile is even worst, the page has tons of white space to the right only. Ask Question Asked 8 years, 4 months ago. white space on right. Main page How do we remove the white I think when I had this issue, I needed to go to responsive mode, mobile and check out the sizing of your blocks. Welcome to Support; Guidelines; Get involved; When loading the page from a mobile or with the browser property inspector on a mobile template, sometimes the page loads with a blank space to the right, I hope you fix it as soon as possible. I've already tried different solutions, including checking if any of the elements are bigger than the viewport. I have used flex box to implement most of the layout. com Forums Too much white space Too much white space potionsmasterdrnikki · Member · Jun 9, 2020 at 1:54 am Copy link Add topic to favorites I have way too much white space on my page, both above things and to the left and right and have no idea how to fix it. I have tried several solutions but to no avail. ro/, and I have a issue with the Header on some mobile devices (for example on iphone 12 pro and 14 pro the issue isn’t present). This is the one that causes the white space on top of body element. lauchkon · Member · Oct 22, 2013 at 4:47 am Copy link Add topic to favorites Hi there! I recently purchased the Watson theme and widened the slider and home page with CSS. The desktop version You have issue in awan. And everything is Hi everyone, I tried to find a solution to avoid the problem of the white space on the right side of a web site specially notable in mobile version. Extra White Space on en WordPress. Ia percuma untuk mendaftar dan bida pada pekerjaan. I’m currently using the Elementor page builder on WordPress! Any insight would be appreciated. This works fine on desktop and Unfortunately, on this one page, which happens to be the blog page, it is almost 3 times wider than all the other pages. Using @media for mobile devices. msae ixtnb jmabc jahwq nuazxz ijkja ecluc bzo ljvjw mswonec