Mobile Viewing

Home Forums All Other Themes Mobile Viewing

Viewing 15 posts - 1 through 15 (of 27 total)
  • Author
    Posts
  • #76665
    Stuart Swain
    Member
    • Topics: 1
    • Replies: 21
    • Total: 22
    Member since: June 23, 2017

    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
    http://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

    #76713
    Forum Moderator
    Participant
    • Topics: 0
    • Replies: 23483
    • Total: 23483
    Member since: August 16, 2013

    Hi,

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

    Regards,
    Chris

    #76799
    Stuart Swain
    Member
    • Topics: 1
    • Replies: 21
    • Total: 22
    Member since: June 23, 2017

    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

    #76801
    Stuart Swain
    Member
    • Topics: 1
    • Replies: 21
    • Total: 22
    Member since: June 23, 2017

    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 ?

    #76802
    Stuart Swain
    Member
    • Topics: 1
    • Replies: 21
    • Total: 22
    Member since: June 23, 2017

    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

    #76953
    Stuart Swain
    Member
    • Topics: 1
    • Replies: 21
    • Total: 22
    Member since: June 23, 2017

    Any help with this

    #77027
    Stuart Swain
    Member
    • Topics: 1
    • Replies: 21
    • Total: 22
    Member since: June 23, 2017

    Can someone please advise

    #77028
    Forum Moderator
    Participant
    • Topics: 0
    • Replies: 23483
    • Total: 23483
    Member since: August 16, 2013

    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

    #77065
    Stuart Swain
    Member
    • Topics: 1
    • Replies: 21
    • Total: 22
    Member since: June 23, 2017

    Thanks
    Looks great now

    #77066
    Stuart Swain
    Member
    • Topics: 1
    • Replies: 21
    • Total: 22
    Member since: June 23, 2017

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

    As since adding the code it seems odd

    #77068
    Stuart Swain
    Member
    • Topics: 1
    • Replies: 21
    • Total: 22
    Member since: June 23, 2017

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

    Please advise ASAP

    #77071
    Stuart Swain
    Member
    • Topics: 1
    • Replies: 21
    • Total: 22
    Member since: June 23, 2017

    Can someone please contact me on chat

    #77073
    Forum Moderator
    Participant
    • Topics: 0
    • Replies: 23483
    • Total: 23483
    Member since: August 16, 2013

    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

    #77077
    Stuart Swain
    Member
    • Topics: 1
    • Replies: 21
    • Total: 22
    Member since: June 23, 2017

    Thanks Chris
    Thats fixed it

    #77086
    Stuart Swain
    Member
    • Topics: 1
    • Replies: 21
    • Total: 22
    Member since: June 23, 2017

    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

Viewing 15 posts - 1 through 15 (of 27 total)
  • You must be logged in to reply to this topic.