Warning: Cannot modify header information - headers already sent by (output started at /home/jerwon11/divtagtutorials.com/wp-content/plugins/captcha/captcha.php:1) in /home/jerwon11/divtagtutorials.com/wp-content/plugins/wp-super-cache/wp-cache-phase2.php on line 60
I have a gap at the side of my site when it is viewed in mobile devices like tablets

I have a gap at the side of my site when it is viewed in mobile devices like tablets

If you are seeing a gap at the side you need a viewport script update.

1) Click here to open your Weebly Editor

2) Click into “design” then into “edit html/css”

3) Choose Page Layout and Open HTML Page

page-layout-html
Depending on the theme you are using, you will have between 5 to 12 page layouts. You will need to update the viewport for all page layout in your theme. It is easier to start from the top and work you way down your page layout list. The first page layout you want to edit is INDEX. Even if you are not using a header plugin, it is best to complete the update for your entire theme rather than just for some pages.

Now click on INDEX or any of the page layout you want to update

4) Add Viewport Code

To update the mobile display, simply add this code:

<meta name="viewport" content="width=1024">

DIRECTLY below the <head> Like this:

BEFORE
page-layout-html-head
Click to enlarge image

AFTER
page-layout-html-head-viewport
Click to enlarge image

5) Complete update for ALL page layout

Repeat step 3 & 4 till you insert the viewport code for all your page layouts

6) Save and Publish

Once you completed the updates, save your change and re-publish your website