I am trying to create a spot on my webpage for a 360 Pano. Here is the code:

<meta charset="utf-8" />
<meta name="medium" content="mult"></meta>
<meta name="viewport" content="target-densitydpi=device-dpi, width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no"></meta>
<meta name="apple-mobile-web-app-capable" content="yes"></meta>
<meta name="apple-mobile-web-app-status-bar-style" content="default"></meta>

<title>VIRTUAL_TOUR_TITLE | Virtual tour generated by Panotour and Livepano</title>
<meta content="VIRTUAL_TOUR_TITLE | Virtual tour generated by Panotour and Livepano" property="og:title"></meta>
<meta name="description" content="VIRTUAL_TOUR_DESCRIPTION"></meta>
<meta content="VIRTUAL_TOUR_DESCRIPTION" property="og:description"></meta>
<meta name="keywords" content="VIRTUAL_TOUR_TITLE,Virtual tour generated by Panotour and Livepano"></meta>
<meta name="generator" content="Panotour Pro V2.2.0 + Livepano"></meta>
<meta content="AUTHOR_NAME" name="Author"></meta>
<meta content="COPYRIGHTS" name="copyright"></meta>

<meta content="http://URL/PATH/VIRTUAL_TOUR_NAME.html" name="url"></meta>
<meta content="http://URL/" property="og:site_name"></meta>
<meta content="PATH/" name="directory"></meta>
<meta content="http://URL/PATH/VIRTUAL_TOUR_NAME.html" property="og:url"></meta>
<meta content="article" property="og:type"></meta>

<link href="http://URL/PATH/VIRTUAL_TOUR_DATA_DIRECTORY/thumbnail.jpg" rel="image_src"></link>
<meta content="http://URL/PATH/VIRTUAL_TOUR_DATA_DIRECTORY/thumbnail.jpg" property="og:image"></meta>

The address to the .html file is: https://flight1ap.com/wp-content/uploads/pa...m-Crossing.html

Can someone help me please make this work..... Your help would greatly be appreciated!!!!

I don't understand what the problem is. Do you want it to be smaller, not cover the whole page?

If so this is the CSS you should edit.


Once you've made the pano smaller, you should be able to place other content before and after it.