I think I have a lot of extra unneeded CSS code. Could you take a look and fix this for me?

.phone-info {
font-size: 30px;
}

#header_meta a, #header_meta span {
font-size:17px !important;
}

/* Sticky header on mobile */
@media only screen and (max-width: 767px) {
.responsive #top #main {
/* Margin top value should be equal to header height*/
margin-top: 130px;
}
.responsive #top #wrap_all #header {
position: fixed;
}
}

@media only screen and (max-width: 1200px) {
.av-main-nav > li.menu-item { display: none; }
.av-main-nav > li.menu-item-avia-special { display: block; }
}

.phone-info {
font-size: 18px;
}

@media only screen and (max-width: 479px) {
.responsive #top .slideshow_caption h2 {
font-size: 30px !important;
}

.responsive #top .slideshow_caption .avia-caption-content {
font-size: 8px !important;
line-height: 10px;
}

.avia-slideshow-inner, .avia-slideshow-inner li, .avia-slideshow-inner li img {
height: 20vh !important;
}
}

@media only screen and (max-width: 767px) {
#top #wrap_all #main .avia-section {
background-image: none !important;
}
}

.html_elegant-blog #top .post-entry .post-meta-infos,
.html_elegant-blog .avia-content-slider .slide-meta,
#top .news-time {
display: none;
}

html, body {
background-color: #04aef7 !important;
}

.page-id-2413 .slideshow_align_caption {
vertical-align: top;
}

@media only screen and (max-width: 767px) {
/* Add your Mobile Styles here */
.avia-slideshow li {
visibility: visible !important;
opacity: 1 !important;
}
}

So when you look at my website on your phone, the main slider image shows??
On every iphone and tablet, there is a black white space where the slider is, until you start to scroll. and if you hit refresh, it goes back to white area and won’t load. How can I show you this and does anyone there have an iphone??

Still didn’t work. I tried on other mobile devices also. The slider is just white and blank, until I move. And if I refresh, it is white again.

And one more thing, all the product Don’t show “Add to Cart” option below the photo, like it used to. Any ideas on that??

Didn’t move anything. If you look on the Check out page, it is only for the COUNTRY and STATE options. weird

That worked great, but now it makes all the other pages that have more products, all 1 column. see: https://priverproducts.com/shop-now/
Can you specify a certain page, like “post=91”?

And one more thing, all the product Don’t show “Add to Cart” option below the photo, like it used to. Any ideas on that??

• This reply was modified 7 months, 1 week ago by bemodesign.
• This reply was modified 7 months, 1 week ago by bemodesign.

Great, and can you help me find out how to change color for the Green circled area, that says “Proceed to Checkout”?

attached

That worked to remove the Black bar, but we are in the same boat, with the header cut off of all blogs. Or any page that does have “transparent header”, gets the top cut off. Any ideas?

The instructions are very confusing. I added the code to the Function.php. but I don’t understand the rest. I also downloaded the Shop.zip file.
Can you tell me how to do this besides these instructions below? I don’t get the “Extract” parts. Where do I upload the Shop.zip.

How to manually import a theme demo
Please add following line to Functions.php file in Appearance > Editor
add_theme_support( ‘avia_demo_store_downloaded_files’ );

Download the zip file of the demo you would like to import from https://github.com/KriesiMedia/enfold-library/tree/master/demos
Extract it in \uploads\avia_demo_files\ folder. If you are importing Enfold 2017 demo, files should be extracted inside \enfold-2017\ so it should look as \uploads\avia_demo_files\enfold-2017\
Go to Enfold theme options > Demo Import and import the demo

• This reply was modified 7 months, 2 weeks ago by bemodesign.
• This reply was modified 7 months, 2 weeks ago by bemodesign.
• This reply was modified 7 months, 2 weeks ago by bemodesign.

Is there a way I can just get the import files to load them thru File Manager?

thanks, looks like that worked

I have this same issue with another website that is similar to this one. All the “regular pages”, “blog” and “products” that don’t have “transparent header”, get cut off at the top ON Mobile view. The home page looks great, but I need all the other pages to not have the top get cut off. Any CSS for this?

see screenshot

I need a Drop Shadow on the sticky menu Only when people scroll. So no drop shadow when its just sitting there or first opens. Because the main page looks great now, without a drop shadow, but needs it after people start scrolling. Thanks!

yes! thanks