Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • #63842
    Daniel
    Participant

    Hi my websitesite is ekeraportal.com.au
    I love the way this looks but when i access it on the mobile, the top menu is accessed by a button. The left column goes to the bottom, is it possible to make the mobile version look exactly like the desktop version.

    Many Thanks
    Daniel

    #63853
    Sakin
    Keymaster

    @Daniel: For that you need to disable responsive design. Just go to “Appearance => Theme Options => Responsive Design”, check in “Disable Responsive Design” and save changes.

    #63859
    Daniel
    Participant

    Thanks for the advice but by Disabling Responsive Design it wrecks my site.
    The column on the left gets push right down
    Its too big for the mobile & doesn’t fit
    I leave it like this, so you can examine it.

    Many Thanks
    Daniel

    #63956
    Daniel
    Participant

    I was hoping you had a chance to examine my issue.
    I have enable Responsive Design as its a live site.
    Can you please advise when i disable Responsive Design why does the left column go straight to the bottom.
    The menus dont show on the mobile, unless you press the button, then the menus display to the left.
    I hope to get this resolved soon, as this is causing major issues for the company.
    I never had this issue in simple catch template
    I brought this template for the three columns, the description did say mobile support.

    #63994
    Sakin
    Keymaster

    @Daniel: Catch Flames is responsive design theme which changes design as per the devices you view from. To make mobile version exactly like Desktop view is not that possible in responsive design. That is why I asked you to disable responsive design.

    Also I see that you have Mega menu instead of our default menu. In this case, you need to add the following css in “Appearance => Theme Options => Custom CSS” box:

    /* Hide default mobile menu and enable mega mobile menu */
    .mobile-menu { display: none; }
    @media screen and (max-width: 940px) {
    	#header-menu { display: block; }
    }

    If we don’t push left column then it will not be easy to read content. So, what I can do is change it till the device with 783px. For that you can add the following css in “Appearance => Theme Options => Custom CSS” box:

    @media only screen 
    and (min-width : 783px) 
    and (max-width : 1000px)  {
        .three-columns.equal .content-sidebar-wrap {
            float: right;
            width: 74%;
        }
        .three-columns.equal #secondary {
            width: 32%;
        }
        .three-columns.equal #primary {
            width: 65%;
        }
        .three-columns.equal #third-sidebar {
            float: left;
            width: 24%;
        }
        .three-columns #third-sidebar .widget {
            width: 100% !important;;
        }
    }
    #64948
    Daniel
    Participant

    Thank you for your help
    Everything is good

Viewing 6 posts - 1 through 6 (of 6 total)
  • The topic ‘Mobile Version Like Desktop look’ is closed to new replies.