Home › Forums › All Other Themes › Resto Theme not mobile compatible
- This topic has 11 replies, 2 voices, and was last updated 7 years, 9 months ago by Sonl Sinha.
-
AuthorPosts
-
February 9, 2017 at 7:57 am #61468
Hi,
I just create a website using the resto theme and I found out the it was not fitted in mobile and tablet(or really not compatible). Or if there’s any modification I need to do can someone tell me? You can check my website www.elmomento.com.ph to see the distorted titles on the Our Services part as well ass the menu bar is missing on tablet. But once I flip to vertical view on the mobile device everything seems fine.
I hope someone can help me with this.
Thanks
February 9, 2017 at 8:58 am #61481Hi Eddel,
Kindly go to Appearance>>Theme Options>>Basic Settings>>Custom CSS Box:
Add this code there:
@media screen and (min-width:768px) and (max-width:1023px) {
#todayspecial-box { height:147px;}
#todayspecial-box h2 { left:50%; transform:translateX(-50%); -moz-transform:translateX(-50%); -webkit-transform:translateX(-50%); width:100%;}
}Regards,
DaveFebruary 9, 2017 at 9:20 am #61483Hi Dave,
Thanks for your help, it fixed the today special boxed alignment issue. How about the logo? The logo seems different in mobile, but looks fine in tablet and pc.
Thanks,
EddelFebruary 9, 2017 at 9:31 am #61485Hi Eddel,
Kindly go to Appearance>>Theme Options>>Basic Settings>>Custom CSS Box:
Add this code there:
@media screen and (max-width:768px){
.logo img { height:auto !important;}
}Regards,
DaveFebruary 9, 2017 at 9:44 am #61488Hi Dave,
Appreciate your help, but after doing that, seems like the logo looks so small in mobile.
Thanks,
EddelFebruary 9, 2017 at 9:50 am #61490Hi Eddel,
Kindly go to Appearance>>Theme Options>>Basic Settings>>Custom CSS Box:
Add this code there:
@media screen and (max-width:768px){
.header .header-inner .logo { position:relative; left:-30px;}
.header .header-inner .logo img { max-width:200% !important;}
}Regards,
DaveFebruary 9, 2017 at 10:16 am #61499Hi Dave,
That solved the case. Is it possible to change the background of the inner logo on mobile devices?
February 9, 2017 at 11:50 am #61518Hi Eddel,
You mean logo background color or inner header background color?
Regards,
DaveFebruary 9, 2017 at 12:02 pm #61521Hi Dave,
I’m pertaining to the logo background in mobile and tablet which is currenty color gray.
Thanks,
EddelFebruary 9, 2017 at 12:15 pm #61524Hi Eddel,
Kindly go to Appearance>>Theme Options>>Basic Settings>>Custom CSS Box:
Add this code there:
@media screen and (max-width:479px) {
.header-inner { background-color:#ffc600 !important}
}Regards,
DaveFebruary 10, 2017 at 6:35 am #61612Hi Dave,
It works! Thanks for your help.
Eddel
February 10, 2017 at 6:38 am #61614🙂
-
AuthorPosts
- You must be logged in to reply to this topic.