How to remove white space on the right/left side of the mobile view?
Looking for a solution to remove white
space on the right /left side of the mobile and tab view.
Mobile responsiveness is the most integral part of web design.
Mobile-friendly pages are very important in terms of the user interface.
So we don’t have to take the risk by leaving extra white space on
the mobile/tab view.
Here is a quick solution.
Let’s see how to rectify this problem
and make sure to avoid this issue happening in the future.
Removing White space on right/left side
of the mobile view
This issue happens for both static
and dynamic websites. As margin-border-content prevail for both. But removing
in both types is easy and won’t take much of your time.
How to remove white space on the right
side of the mobile and tablet view in WordPress?
Wordpress site works with themes and
page builder. So this issue only happens with WordPress page
builder. 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. If you are unable to find the respective element causes the space. Simply
paste the below code in additional CSS of your theme customizer.
html,
body{
width:100%;
overflow-x:hidden;
}
How to remove white space on the right
side of the mobile and tablet view in the static sites?
The same applies to the static site.
All you have to do is simply paste the above coding in the global CSS of
your html code. This will resolve your extra white space on the right/left side
of the mobile view.
Reason for white space on the
right/left side of the mobile view
The white space on either side or anyone side
happens if any element on your page which might have a width and padding or
margin exceeding 100%. Most of the time problems occur with
Margin-Border-Padding. So next time, Make sure these parameters won’t exceed
100%.
Our Contact Details
Skynozis Designers Web Design Agency Singapore
63 Jln Pemimpin,
#05-03,
Singapore 577219
Phone Number:+65 9457 6084
Website: www.webdesignsingapore.com
63 Jln Pemimpin,
#05-03,
Singapore 577219
Phone Number:+65 9457 6084
Website: www.webdesignsingapore.com
Comments
Post a Comment