Header on tablet

[Ron Krol]

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!

[Towfiq I.]

whats your site address?

[Ron Krol]

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

[Towfiq I.]

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;
}

[Ron Krol]

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

Best regards,

Ron

[Towfiq I.]

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

[Ron Krol]

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

Thanks for help.

Ron

[Towfiq I.]

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;
}
}

[Ron Krol]

Hello,

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

Regards, Ron

[Ron Krol]

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

Ron

[Towfiq I.]

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;
}
}

[Ron Krol]

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:

[Ron Krol]

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

[Towfiq I.]

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}

[Ron Krol]

Thanks a lot!! It works great now!

Best regards,

Ron

[Towfiq I.]

I would be grateful if you could rated this theme:

Asteria Lite

Thanks

[Ron Krol]

Done!

[Towfiq I.]

Thanks Ron! 🙂