Header on tablet

• #101012

  
  Ron Krol
  

  On March 5, 2014 at 11:15 pm

  Hello,

  I’ve a question:
  The theme runs well my laptop but i got 2 problems when running on telephone or tablet.
  On telephone: The images from my gallery don’t fit in the screen when i click on the tumbnail.
  On tablet: The menu’s don’t fit in the header when i take my tablet in vertical position. The menu automatically stands in my welcome text below the header..

  Any idea how to fix it?

  Thanks a lot!

  #101381

  
  Towfiq I.
  

  administrator

  On March 6, 2014 at 8:13 pm

  whats your site address?

  #101824

  
  Ron Krol
  

  On March 7, 2014 at 7:52 pm

  My address is ronkrol.com.
  Problem with telephone is already solved (didn’t work well in maintenance mode). I still have the tablet problem. Menu doesn’t fit in the header when i use the tablet in vertical position.

  Great theme by the way and thanks for your help.

  Best regards,

  Ron

  #102215

  
  Towfiq I.
  

  administrator

  On March 8, 2014 at 5:46 pm

  Add this to your Custom CSS:

  @media screen and (max-width: 910px)
  #simple-menu {
  display: block;
  float: right;
  background: rgba(0, 0, 0, 0.5);
  padding: 15px 20px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  margin-top: 1.5%;
  }
  #topmenu {
  display: none;
  }
  
  

  #104738

  
  Ron Krol
  

  On March 13, 2014 at 10:02 am

  This don’t work. The whole menu disappeared when added that to my custom CSS.
  Still have the tablet problem.

  Best regards,

  Ron

  #105359

  
  Towfiq I.
  

  administrator

  On March 14, 2014 at 1:02 pm

  can you please add the code again and let me know?

  #106870

  
  Ron Krol
  

  On March 16, 2014 at 6:22 pm

  I’ve added it now. Can’t see the menu anymore.

  Thanks for help.

  Ron

  #107279

  
  Towfiq I.
  

  administrator

  On March 17, 2014 at 8:27 pm

  sorry. remove that and try this:

  @media screen and (max-width: 910px)
  #simple-menu {
  display: block;
  float: right;
  background: rgba(0, 0, 0, 0.5);
  padding: 15px 20px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  margin-top: 1.5%;
  }
  #topmenu {
  display: none;
  }
  }
  

  #107298

  
  Ron Krol
  

  On March 17, 2014 at 9:51 pm

  Hello,

  I’ve added that, but still no menu at all…..

  Regards, Ron

  #107533

  
  Ron Krol
  

  On March 18, 2014 at 12:06 pm

  Still no menu… But, isn’t that the same code as you gave me earlier??

  Ron

  #107614

  
  Towfiq I.
  

  administrator

  On March 18, 2014 at 3:39 pm

  crap. the code was still wrong. try this:

  @media screen and (max-width: 910px){
  #simple-menu {
  display: block;
  float: right;
  background: rgba(0, 0, 0, 0.5);
  padding: 15px 20px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  margin-top: 1.5%;
  }
  #topmenu {
  display: none;
  }
  }

  #107634

  
  Ron Krol
  

  On March 18, 2014 at 4:33 pm

  Hello. In the first place; thanks for your help again. I’ve got a menu now, but on the tablet it’s very different from my telephone. It looks strange when i see the menu in vertical position (tablet). Look at the print screen:
  

  #107635

  
  Ron Krol
  

  On March 18, 2014 at 4:34 pm

  http://i1336.photobucket.com/albums/o657/Ron_Krol/Screenshot_2014-03-18-17-29-14_zps6f2647a9.jpg

  #108059

  
  Towfiq I.
  

  administrator

  On March 19, 2014 at 6:44 pm

  try adding this to your Custom CSS:

  /*SIDR PLUGIN STYLE*/
  .sidr{display:none;position:absolute;position:fixed;top:0;height:100%;z-index:999999;width:260px;overflow-x:none;overflow-y:auto;background:#333;color:#fff}
  .sidr .sidr-inner{padding:0 0 15px}
  .sidr .sidr-inner>p{margin-left:15px;margin-right:15px}
  .sidr.right{left:auto;right:-260px}
  .sidr.left{left:-260px;right:auto}
  .sidr ul{display:block;margin:0 0 15px;padding:0;border-top:1px solid #1a1a1a;border-bottom:1px solid #4d4d4d}
  .sidr ul li{display:block;margin:0;line-height:48px;border-top:1px solid #4d4d4d;border-bottom:1px solid #1a1a1a}
  .sidr ul li a,.sidr ul li span{padding:0 15px;display:block;text-decoration:none;color:#fff}
  .sidr ul li ul{border-bottom:none;margin:0}.sidr ul li ul li{line-height:40px;font-size:13px}
  .sidr ul li ul li:last-child{border-bottom:none}
  .sidr ul li ul li a,.sidr ul li ul li span{color:rgba(255,255,255,0.8);padding-left:30px}

  #108097

  
  Ron Krol
  

  On March 19, 2014 at 8:12 pm

  Thanks a lot!! It works great now!

  Best regards,

  Ron

  #108099

  
  Towfiq I.
  

  administrator

  On March 19, 2014 at 8:13 pm

  I would be grateful if you could rated this theme:

  Asteria Lite

  Thanks

  #113592

  
  Ron Krol
  

  On March 31, 2014 at 5:38 pm

  Done!

  #113934

  
  Towfiq I.
  

  administrator

  On April 1, 2014 at 10:05 am

  Thanks Ron! 🙂