WordPress.org

Ready to get started?Download WordPress

Forums

MP6
[resolved] Mp6 Responsive theme problem on cell phone! (13 posts)

  1. damien990
    Member
    Posted 11 months ago #

    Hello there!

    Responsive theme problem on cell phone!

    I had installed and activate the mp6. the toolbars color change to black, which is ok.
    I don't have trouble on my Mac's and IPad device.

    However problem when in cell phone?
    the toolbar on the top Head—got an ‘icon’ which is for goto dashboard and Site. And loggin in.

    I can view site in two which are Full site & mobile version, when i Scroll down to the bottom.
    1)On mobile version -There has a menu on the top (which is footer menu), how do I make change to other like Header Menu?
    2)On mobile version – cannot find a place for Logout….

    3)on Full site-i can see the Top and Footer menu, however the Head Menu come out only “Home”page button, when I press the “home”buttom which will drop down menu but cannot show up all the pages remaining at the end?
    4)Full site-cannot find a place for Logout….

    Now is when User login through wp-login to my website, They cannot logout….main issue is this!

    Sorry to help me solve this problem!

    http://Www.damienchan.ca

    thanks support team !

    http://wordpress.org/plugins/mp6/

  2. Mel Choyce
    Member
    Plugin Author

    Posted 11 months ago #

    Hi there!

    While on your phone, clicking on the three lines in the left corner of your header menu will bring up the full admin menu, which lets you get to your posts, pages, etc.:
    http://cl.ly/image/1Q3I3N3u1J3y

    You can scroll within that menu on the left to see the rest of your menu items:
    http://cl.ly/image/2U3l0w2M3A2g

    To log out on your phone, click on your gravatar in the right corner of your header menu. This brings up an option to log out of the admin area:
    http://cl.ly/image/2D2b0r412a0s

    Please let me know if you have any other questions.

  3. damien990
    Member
    Posted 11 months ago #

    Hi Mei

    The Problem is the said icon is not located properly or missing icon in cell phone.

    But it work perfect good on Ipad devices.

    http://www.damienchan.ca/?attachment_id=1171
    i am using both browers Chrome and Safari, with the same result!

    Thanks of your support!

  4. damien990
    Member
    Posted 11 months ago #

    More information

    http://www.damienchan.ca/?attachment_id=1172

    missing three lines icon, gravatar icon not properly, and menu all missing

    thanks

  5. Mel Choyce
    Member
    Plugin Author

    Posted 11 months ago #

    Hi there,

    It looks like some other plugins you might be using are conflicting with MP6. Specifically, whatever is allowing non-logged in users to see the admin bar is probably overwriting MP6's responsive admin bar styles. Try disabling that plugin and let us know if that helps.

  6. damien990
    Member
    Posted 11 months ago #

    I did not deactivate those plugins.
    I went to theme option, I deleted the css
    #header {
    background: none repeat scroll 0 0 #EFEFEF;
    margin: 0 auto;
    max-width: 960px;
    position: fixed;
    width: 100%;
    z-index: 1;
    opacity:0.8
    }

    and it get a lot better,http://www.damienchan.ca/?attachment_id=1207

    But still missing the gravatar sign.

  7. damien990
    Member
    Posted 11 months ago #

    Yes Mei
    Problems found out, what I need to do with those plugin as below:

    NextGEN Gallery by Photocrati
    Activate | Edit | Delete
    The most popular gallery plugin for WordPress and one of the most popular plugins of all time with over 7 million downloads.

    Version 2.0.31 | By Photocrati Media | Visit plugin site
    Select Ultimate TinyMCE
    Ultimate TinyMCE
    Activate | Edit | Delete
    Beef up your visual tinymce editor with a plethora of advanced options.

    Version 5.0 | By Josh Lobe | Visit plugin site
    Select WordPress SEO
    WordPress SEO
    Activate | Edit | Delete
    The first true all-in-one SEO solution for WordPress, including on-page content analysis, XML sitemaps and much more.

    Version 1.4.18 | By Joost de Valk | Visit plugin site

  8. damien990
    Member
    Posted 11 months ago #

    the forth error is Jetpack in which If I connect to WordPress.com, my web site will change like this link http://www.damienchan.ca/?attachment_id=1213.

    after deactivated the forth plugin:
    Now my web site cell phone
    http://www.damienchan.ca/?attachment_id=1212

  9. damien990
    Member
    Posted 11 months ago #

    Mei

    I had report to 4 plugin author
    Ultimate problem solved:
    quote"Yes! remove this one the conflict "Enable admin bar link". the gravatar shown up and allow user to logout there! thanks" on the admin option setting.

    best regards

  10. Hi there Damien,

    I've opened a Trac ticket for this issue:

    http://plugins.trac.wordpress.org/ticket/2007#ticket

    Feel free to follow or add more information to it!

  11. wpnwinphone
    Member
    Posted 9 months ago #

    Hello

    I am having a similar problem with the menu icon not showing on a cell phone with the responsive theme, but I don't have the same plugins.

    Is this the appropriate place to post or do I need to make a new thread?

    Possibly W3 Total Cache plugin. Some where during the minify process the icon disappeared. I've uninstalled the plugin and all others at one time or another to rectify the icon to no avail.

    I have been able to bring up the three line icon if activate the parent themes. Original the child theme css code was copied from parent, checking the css stylesheet I can't find the difference.

    I also recently updated wordpress and theme.

  12. wpnwinphone
    Member
    Posted 9 months ago #

    I've moved to responsive theme forum.

    Better place to discuss.

  13. wpnwinphone
    Member
    Posted 9 months ago #

    fyi,

    deleted following from child theme css stylesheet and menu icon is back.

    .js .main-nav a#responsive_menu_button {
    position: absolute;
    display: block;
    top: 0;
    left: 100%;
    height: 30px;
    width: 23px;
    margin-left: -30px;
    background: url('images/select-icons.png') 0 5px no-repeat;
    cursor: pointer;
    }

    .js .main-nav a#responsive_menu_button.responsive-toggle-open {
    background: url('images/select-icons.png') 0 -46px no-repeat;
    }

Reply

You must log in to post.

About this Plugin

About this Topic