Mobile Viewing

[Stuart Swain]

Good morning using the restaurant pro theme
My site looks fine now on desktop viewing on all browsers (after Shri and the coding guys fixed the css issue earlier)
It seems now its all over the place when viewing site from mobile device
Ive just checked on my Samsung phone and i get the same
www.cocostattoodiner.co.uk/menus

Is there anyway this can be sorted o can you advise what coding to add to theme options basic settings custom css

so the menu items are in sync on all devices

Thanks

[Sonnal S Sinha]

Hi,

This issue was resolved from our end. Kindly check and confirm.

Regards,
Chris

[Stuart Swain]

Hiya Chris
Seems fine now
Am i correct in saying the menus appear different on mobile than they will looking from desktop
Is there anyway they can both be the same layout

[Stuart Swain]

looking at the menu on phone is it me or are the menu items and images slightly pixelated and large scale
is there any code to add for Mobile/Tablet devices so they are aligned the same as it appears when viewing from desktop

also how do i remove the grey banner from mobile version ?

[Stuart Swain]

also

when reduced to a smaller screen like tablets ie Kindle HD Fire, the code is leaving gaps/blank spaces in the menu

Can this be sorted

[Stuart Swain]

Any help with this

[Stuart Swain]

Can someone please advise

[Sonnal S Sinha]

Hi,

Kindly go to Appearance>>Theme Options>>Basic Settings>>Custom CSS Box:

Add this code there:

@media screen and (max-width:767px) {
.header .header-inner .logo { width:100%;}
.one_half, .one_third, .two_third, .one_fourth, .three_fourth, .one_fifth, .four_fifth, #todayspecial-box, #menulist ul#portfolio li, #menulist ul#portfolio li .menuthumb { float:left; width:35%; margin:0 15px 0 0;}
}

@media screen and (min-width:768px) and (max-width:1023px) {
.header .header-inner .logo { width:100%;}
#menulist ul#portfolio li { min-height:132px;}
#menulist ul#portfolio li h5 { font-size:17px;}
#menulist ul#portfolio li p { height:36px; overflow:hidden;}
}

Regards,
Chris

[Stuart Swain]

Thanks
Looks great now

[Stuart Swain]

Can you advise on home page now on website (mobile viewing)

As since adding the code it seems odd

[Stuart Swain]

the Welcome To Cocos Tattoo Diner and What We Offer needs realigned

Please advise ASAP

[Stuart Swain]

Can someone please contact me on chat

[Sonnal S Sinha]

Hi,

Remove this css:

@media screen and (max-width:767px) {
.header .header-inner .logo { width:100%;}
.one_half, .one_third, .two_third, .one_fourth, .three_fourth, .one_fifth, .four_fifth, #todayspecial-box, #menulist ul#portfolio li, #menulist ul#portfolio li .menuthumb { float:left; width:35%; margin:0 15px 0 0;}
}

And add this new css:

@media screen and (max-width:767px) {
.header .header-inner .logo { width:100%;}
#menulist ul#portfolio li, #menulist ul#portfolio li .menuthumb { float:left; width:35%; margin:0 15px 0 0;}
}

Regards,
Chris

[Stuart Swain]

Thanks Chris
Thats fixed it

[Stuart Swain]

Chris
Just been speaking to Shri

you know the audio player
on the todays specials ive renamed it WHAT WE OFFER

on the Music tab
is there a way to link that tab to the audio player?

also on the reservations section i seem to have removed the BOOK NOW button calling it Email Us
is there a way to add a button like before but called EMAIL US

[Author]

Posts