Hi Mike
I am sorry but I did not specify clearly. It is not the Single Product page that we are working with. It is our Product Archive (category) pages.

The code above allows the sidebar to show above products on the archive page on site 1 but not on site 2 using the exact same code. See private notes for references to site 1 and 2.

Thank you.

Can you comment on why the same code does not show the sidebar at the top pf page on mobile for the second site? I have included all the Quick CSS that the second site uses in case something else there is conflicting.

here is all the Quick CSS that the second site is using. The site URL is in prvate content.

@media only screen and (max-width: 768px) {
.container {
display: flex!important;
flex-direction: row;
justify-content: space-between;
flex-wrap: wrap;
}

/* Sidebar */
#top .container aside {
order: 1;
flex-grow: 1;
}

/* Main Content */
#top .container main {order: 2;flex-grow: 1;}
}

@media only screen and (min-width: 768px) {
.only_mobile { display: none !important; }}

@media only screen and (max-width: 769px) {
.only_desktop { display: none !important; }}

@media only screen and (max-width: 768px) {
.breadcrumb {
display: none !important;
}
}

#top .phone-info {
float: none!important;
text-align: center;
}

.slideshow_caption { width: 65%; }

#header_meta * {
font-weight: bolder;
font-size: 18px;
letter-spacing: 2px;
line-height: 2em;
}

.avia-button {
font-size: 16px!important;
}

.my-highlighted-text { background: rgba(255, 0, 0, 0.7) !important;padding: 1px !important; }

.av-subheading.av-subheading_below {
margin-top: 20px;
}

#socket .container {
padding-top: 30px;
padding-bottom: 30px;
}

#socket .sub_menu_socket { float: left; }
#socket .copyright { float: right; }

.blog-author{ display: none !important; }

.products .product h3 {
font-size: 16px;
}

div#header_main {
background-color: white;
}

.related.products {
display: none !important;
}

div .product-sorting {display: none;}

.in-stock {
display:none !important;
}

#top #wrap_all #av-burger-menu-ul>li{
opacity:1!important;
}

#top .av_header_transparency .phone-info {
color: #ffffff !important;
font-size: 14px !important;
}

.widget_product_categories li a {
font-size: 16px;
}

.sidebar_left.sidebar {
text-align: left;
}

.tax-product_cat .page-thumb {
display: none;
}

.woocommerce-product-gallery {
opacity: 1 !important;
}

/* Product list */
.product h3 {
font-size:14px!important;
}

input[type=”submit”]{
font-size: 15px;
}

.av-custom-form-color .button {
border-color: #c18017 !important;
border-width: 1px !important;
background-color: #c18017 !important;
}

.av-custom-form-color .button:hover {
border-color: #f0f0f0 !important;
border-width: 1px !important;
background-color: #696969 !important;
}

.sidebar .widgettitle { font-size: 16px; font-weight: bolder; }

.sort-param-order, .sort-param-sort {
display: none;
}

#top .widget ul {
padding: 2px !important;
}

.widgettitle {
font-weight: 600;
text-transform: uppercase;
letter-spacing: 1px;
font-size: 1.1em;
text-align: left!important;
}

#header_meta #avia2-menu a {
font-size: 15px !important;
font-weight: bold !important;
}

Victoria
Login info in private content

Link in private content.

Account set up. Credentials are in private content.

That did not work.

I have decided to use full width layout.

Code was placed at the top yesterday and I have tried clearing cache a few times.
Does it look right on your end? Still the same on mine.

NO cached results. Currently everything does work. Here is the latest update. If I deactivate Speed Booster Pack, the alignment is off, archive header images don’t display, my homepage full width slider does not display, hamburger menu on tablet does not work etc. (lots of issues where things stop functioning). This happens the moment I turn of SBP.

When I activate it, everything works fine.

I currently have SBP on and have it set to do almost nothing (settings wise).

That did not work. In fact, any quick CSS I have been trying lately has worked.

Any ideas?

See private content.

I don;’t believe so. I set the page container to 100% in the Enfold theme settings to test, I then switched it back to 1310px. I believe you loaded the page during this test.

It is working now. I suspect I had a cache issue and that is why I was not seeing changes.