Turbo Theme on iPhone

tapwatr

Hey all,

Having a difficult time with my site on the iPhone. Hating everything about how the Turbo Theme appears...the menu and it's evil black bar have taken over the images (I am aware I can shrink and unshrink for mobile...still unsatisfied)

Have tried, to my knowledge, all of the CSS workarounds that I've found here on Dgrin. No Luck. Still that beautiful black menu banner smack dab on top of my slideshow.

Any way at the very least to get that to perhaps NOT BE THERE! or in the most perfect of worlds have the mobile site mimic the site that lives on PC, Laptop and iPad? with the menu etc snugged tightly on the left?

Anyhow I appreciate all you guys do for us little people lost in the world of 1's and 0's.


Excuse the crappy content of the site. I'm a work in progress.

rc.

www.tapwatr.com


Thanks.

phaserbeam

tapwatr wrote: »

Any way at the very least to get that to perhaps NOT BE THERE! or in the most perfect of worlds have the mobile site mimic the site that lives on PC, Laptop and iPad? with the menu etc snugged tightly on the left?

Here are a few code snippets... maybe there's something you are looking for:

[B][COLOR=DarkOrchid] /* Make MENU/background half transparent */[/COLOR][/B]
.sm-user-ui .sm-page-widget-nav-mobile .sm-page-widget-nav-mobile-header {
  background-color:rgba(0,0,0,0.2)!important;   
}
[B][COLOR=DarkOrchid]/* Remove MENU/background completly */[/COLOR][/B]
.sm-user-ui .sm-page-widget-nav-mobile .sm-page-widget-nav-mobile-header {
  background-color:transparent!important; 
}
[B][COLOR=DarkOrchid]/* While MENU/background being half transparent you may want to make MENU more visible*/[/COLOR][/B]
.sm-user-ui .sm-page-widget-nav-mobile .sm-page-widget-nav-mobile-header a {
  color:white!important;
  text-shadow: 0px 0px 5px #ddd, 0px 0px 5px #fff;
}
[B][COLOR=DarkOrchid]/* Remove collapsed MENU and show all menu items */[/COLOR][/B]
.sm-user-ui .sm-page-widget-nav-mobile .sm-page-widget-nav-mobile-header {
  display:none;
}
.sm-user-ui .sm-page-widget-nav-mobile .sm-page-widget-nav-items {
  display:block!important;
/* Use this for a half transparent background... */
  background-color:rgba(0,0,0,0.5)!important;
/* Use this for no background color at all... */
/* background-color:transparent!important; */
  text-align:left;    
  padding-left:15px;
  padding-top:1px!important;
  width:10em;
}