Many problems suddenly - buy buttons and mobile

jcday44

Why do I have a large buy button on every gallery? I just want it to hover in on each individual image. I thought I had gotten rid of it once, but it's back. Also, my mobile site is completely messed up. When I view on iphone, the menus drop behind the images, making the links completely useless. I also just noticed that. Any help appreciated. Site is janday.photos. Thanks.

Hikin' Mike

I'm not seeing a large buy button. I only see a buy button when you hover. Can you post a screen shot?

You menu is messed up due to your custom CSS.

Hikin' Mike

Find this in your custom CSS:

/*Nav Bar Customizations*/
.sm-page-widget-nav { background: #000; height: 42px;
line-height: 34px; opacity: 0.5;}

Use this instead. That will give you a 50% black opacity on your menu background and gives 10px padding top/bottom.

.sm-user-ui .sm-page-widget-nav {background: rgba( 0, 0, 0, .5 );}
.sm-user-ui .sm-page-widget-nav .sm-page-widget-content{padding: 10px 0;}

Also, there is no such property as opacity=100. Opacity is from 0 to 1 and it should read opacity: not opacity=. Also, since I fixed the code from above, you don't need it.

.sm-page-widget-nav a {
  color: #ffffff !important;
  vertical-align: middle;
  opacity=100;
}

Hikin' Mike

Another wrong property here:

/* Set font-size, font, and color for gallery description */
.sm-gallery-cover-description {
font-size: 16px;
font-family: Quicksand;
color: #white !important
}  

Color should either say color: white !important; or color: #fff !important;. Using the # on color names is not correct.

jcday44

Thank you so much...I haven't been able to get back here in a while. Looks much better.