Hi there,
I see a left and right margin added even on a desktop view, which seems to be coming from a CSS added by kkday-affi-banner.css. You can override it for all screensizes by adding this within
WP Admin >> Appearance >> Customizer >> Additional CSS
Add this code at the bottom there:
body {
padding: 0px;
}
If you want this spacing removed only for mobile view then you can add :
@media (max-width: 500px) {
body {
padding: 0px;
}
}
This should remove the padding (spacing) which is otherwise set to 30px on right and left currently.
Thanks for your code
I have tried but it doesn’t work…
It could be solved if i removed the kkday banner.
Thanks~~
Do you know how to disable the mobile zoom?
Hi,
Solution 1:
Add this code in functios.php file
function my_custom() {
echo '<meta name="viewport" content="maximum-scale=1.0, user-scalable=no">';
}
add_action( 'wp_head', 'my_custom' );
Solution 2:
You can disable the zoom by adding user-scalable=”no” on your viewport meta.
add this code in the header.php file’s head section.
<meta name="viewport" content="maximum-scale=1.0, user-scalable=no">
Here’s a great tutorial from css-tricks.com explaining well the meta viewport
follow this link:- https://css-tricks.com/snippets/html/responsive-meta-tag/
Dont mean to hijack the post, but I also need to remove the left and right margins on my website
