New mobile version jumps to desktop version

www.bellsareringing.forumotion.com
phpBB3

Hi.

In the old mobile version, quoting and editing used to happen inside the mobile version itself via text boxes.

Now when I quote or edit (a custom function I had to add in as the new version seems to lack it), the page diverts back to the desktop version and once the post is submitted, I'm redirected back to the mobile version.

Crazy stuff.

Anyone help on this?

Hmm this is strange as I'm on the mobile version now and I'm not having the same problem as you are. When I post from my mobile everything works fine. Have you made any change to your templates for the mobile layouts

Posting is ok. It's quoting and editing that's the issue.

I DID have custom css for the original mobile version but that's since been removed.

Hello,

As it is a customization I suggest you to post your CSS, or at least the part you have customized to let people help you.

Mobile CSS and full CSS is below. A pain, sorry, but I figured there'll be something quirky in there somewhere that's upsetting things. I've just noticed that it also jumps back to the desktop version when logging in.

Mobile version CSS:

Code:

<style type="text/css">.mobile-actions{float:right;padding-top:3px}
.mobile-actions li{float:left;list-style:none}
#mobile_editor {text-align:center}
#text_box {padding:6px 5%}
#mobile_editor textarea {width:100%;height:100px}
#post_status {color:#000;background:#FFF;border:1px solid #2F6BC2;border-left-width:4px;margin:4px auto;padding:4px;width:90%}
#post_status.post_progress {background-color:#FFE;border-color:#990}
#post_status.post_done {background-color:#EFE;border-color:#090}
#post_status.post_fail {background-color:#FEE;border-color:#C33}
blockquote {display:block}</style>

<script type="text/javascript">
//<![CDATA[
var hiddenMsgLabel = { visible:'{JS_HIDE_HIDDEN_MESSAGE}', hidden:'{JS_SHOW_HIDDEN_MESSAGE}' };
showHiddenMessage = function(id)
{
    try
    {
        var regId = parseInt(id, 10);
        if( isNaN(regId) ) { regId = 0; }
       
        if( regId > 0)
        {
            $('.post--' + id).toggle(0, function()
         {
            if( $(this).is(":visible") )
            {
               $('#hidden-title--' + id).html(hiddenMsgLabel.visible);
            }
            else
            {
               $('#hidden-title--' + id).html(hiddenMsgLabel.hidden);
            }
         });
        }
    }
    catch(e) { }
   
   return false;
};

//]]>
</script>

<!-- BEGIN topicpagination -->
{PAGINATION}
<!-- END topicpagination -->
{POLL_DISPLAY}

<!-- BEGIN postrow -->
<div id="{postrow.U_POST_ID}" class="topic">
   <!-- BEGIN hidden -->
      <div class="post {postrow.hidden.ROW_CLASS}" style="{postrow.displayed.DISPLAYABLE_STATE}">
         <p style="text-align:center">{postrow.hidden.MESSAGE}</p>
      </div>
   <!-- END hidden -->
   <!-- BEGIN displayed -->
      <div id="p{postrow.displayed.U_POST_ID}" class="post-section {postrow.displayed.ROW_COUNT}{postrow.displayed.ONLINE_IMG_NEW} post--{postrow.displayed.U_POST_ID}">
         <div class="post-head">
                          <div class="post-icon"><i class="material-icons">person</i>{postrow.displayed.POSTER_AVATAR}</div><h2>{postrow.displayed.POST_DATE_NEW}</h2>
            <div class="post-details">{L_TOPIC_BY} {postrow.displayed.POSTER_NAME}</div>
                          <ul class="mobile-actions">
          <li>{postrow.displayed.QUOTE_IMG}</li>
          <li>{postrow.displayed.EDIT_IMG}</li>
          <li>{postrow.displayed.DELETE_IMG}</li>
        </ul>
         </div>
                             
                       
            <div class="post-content">
         
                          <br class="clear"/><br class="clear"/><br class="clear"/>
            {postrow.displayed.MESSAGE}
                  <!-- BEGIN switch_attachments -->
                  <div class="attachbox">
                     <p class="title">{postrow.displayed.switch_attachments.L_ATTACHMENTS}</p>
                     <dl class="attachments">
                        <!-- BEGIN switch_post_attachments -->
                           <dt>
                              <!-- BEGIN switch_dl_att -->
                              <a class="postlink" href="{postrow.displayed.switch_attachments.switch_post_attachments.switch_dl_att.U_ATTACHMENT}">{postrow.displayed.switch_attachments.switch_post_attachments.switch_dl_att.ATTACHMENT}</a> {postrow.displayed.switch_attachments.switch_post_attachments.switch_dl_att.ATTACHMENT_DEL}
                              <!-- END switch_dl_att -->
                              <!-- BEGIN switch_no_dl_att -->
                              {postrow.displayed.switch_attachments.switch_post_attachments.switch_no_dl_att.ATTACHMENT} {postrow.displayed.switch_attachments.switch_post_attachments.switch_no_dl_att.ATTACHMENT_DEL}
                              <!-- END switch_no_dl_att -->
                           </dt>
                           <dd>
                              <!-- BEGIN switch_no_comment -->
                              <p>{postrow.displayed.switch_attachments.switch_post_attachments.switch_no_comment.ATTACHMENT_COMMENT}</p>
                              <!-- END switch_no_comment -->
                              <!-- BEGIN switch_no_dl_att -->
                              <p><strong>{postrow.displayed.switch_attachments.switch_post_attachments.switch_no_dl_att.TEXT_NO_DL}</strong></p>
                              <!-- END switch_no_dl_att -->
               <p>(<span class="ltr">{postrow.displayed.switch_attachments.switch_post_attachments.FILE_SIZE}</span>) {postrow.displayed.switch_attachments.switch_post_attachments.NB_DL}</p>
            </dd>
                  <!-- END switch_post_attachments -->
                     </dl>
                  </div>
                  <!-- END switch_attachments -->
         </div>
         {postrow.displayed.EDITED_MESSAGE}
      </div>
      <!-- BEGIN first_post_br -->
      <hr id="first-post-br" />
      <!-- END first_post_br -->
   <!-- END displayed -->
</div>
<!-- END postrow -->
<!-- BEGIN topicpagination -->
{PAGINATION}
<!-- END topicpagination -->
{INLINE_MESSAGE}
{QUICK_REPLY_FORM}

<!-- BEGIN switch_user_authreply -->
<a href="{U_POST_REPLY_TOPIC}" rel="nofollow" class="btn-floating">
   <i class="material-icons"></i>
</a>
<!-- END switch_user_authreply -->


Full CSS:

Code:



/*Vote Button*/
.vote .vote-button, .vote-no-bar {
  display:none;
}
.vote .vote-button:first-child {
    display:block;
}
.vote .vote-button a {
background-image: url('http://i86.servimg.com/u/f86/19/33/21/71/blue_l10.png') !important;
background-repeat:no-repeat;
padding-right: 50px;
padding-top: 50px;

font-size:0 !important;
}
.vote { width:auto }

/*Vote System*/
.VCount:before{
content: url('http://i86.servimg.com/u/f86/19/33/21/71/blue_l10.png');
opacity:1;
filter:alpha(opacity=50);
}
.VCount{
color:#00;
font-size:12px;
font-weight:bold;
text-shadow:1px 1px 0px rgba(0,120,0, 0.3);
font-family: Verdana,Arial,Helvetica,sans-serif;
cursor:default;
}
.VPlus{
color:#00 !important;
font-size:15px;
font-weight:bold;
text-shadow:1px 1px 0px rgba(0,120,0, 0.1);
font-family: Verdana,Arial,Helvetica,sans-serif;
position:relative;
left:9px;
z-index:1;
}

.vote{
opacity:0;
filter:alpha(opacity=0);
}

/*Header Logo*/
#logo img { width:100%; }

/*page width*/
#wrap { width:97% !important; }
body {
 
  @media (max-width: 700px)}


/*Toolbar colour*/
#fa_toolbar, #fa_toolbar_hidden {background-color: #4A1D1D !important;}
/*Hide Search Bar*/
#page-header #search-box {  display:none }

/*Icon Spacing ToolBar*/
.fa_network {
  margin:0 5px;
  max-height:40px;
  max-width:40px;
}
#fa_toolbar { height: 50px ! important }
#fa_toolbar { width : 100% ! Important }

/* button image */
.sceditor-button-mention div { background-image:url(http://i19.servimg.com/u/f19/18/21/60/73/scemen10.png) !important }

/* drop down input */
#fa-mention {
  background:url(http://i19.servimg.com/u/f19/18/21/60/73/scemen10.png) no-repeat 3px 50% #FFF;
  padding-left:22px;
}

/*Profile Box*/
.postprofile {
  text-align:center;
  background:#;
  border:1px solid #CCC;
  border-radius:3px;
  margin: 10px 0px 0px;
  padding: 10px 3px 3px;
  box-shadow: 01px 1px 5px rgba(0, 0, 0, 0.1), 0px 1px 1px rgba(0, 0, 0, 0);
  min-height: 80px;
position: relative;
max-width: 277px;
word-wrap: break-word;
}

.postprofile dd, .postprofile dt { margin-left:0 }

blockquote blockquote {
   background-color: #ECECEC;
   font-size: 1.0em;
   margin: 0.5em 1px 0pt 15px;}

.postprofile dd, .postprofile dt { margin-left:0 }

/* offline image */
.post .postprofile {
  background-image:url('http://i86.servimg.com/u/f86/18/45/72/48/tbar_n33.png');
  background-repeat:no-repeat;
  background-position:center 0px;
 
 
}

/* online image */
.post.online .postprofile {
  background-image:url('http://i86.servimg.com/u/f86/18/45/72/48/tbar_n32.png');
  background-repeat:no-repeat;
  background-position:center 0px;
}

.postprofile .label {
    float: left;
    margin-left: -3px;
    margin-right: 3px;
 
    width: 50%;
    text-align: right;
}
.postprofile .label, .postprofile .label span {
    font-weight: 700;
    color: #39C !important;
}
* {
    margin: 0px;
    padding: 00px;}

.postprofile dd {
    color: #333;
    text-align: left;
}
.postprofile dd, .postprofile dt {
    line-height: 1.2em;}

.postprofile dd:last-child, .postprofile dt + dd {
    text-align: center;}

.postprofile { padding-top:70px }

#content-container div#right {
    float: right;
    overflow: hidden;
    width: 220px;
    padding-top: 46px;
}

li.row { position:relative }

/*Last Post Icon location*/



.lastpost > span > a:last-child, .lastpost > div > span > a, .last-post-icon {
  position:absolute;
  right:10px;
  top:10%;
}


ul.topics dd.dterm, ul.topics dt {
    display: block;
    float: left;
    padding-left: 55px;
    width: 50%;
}

.dterm a[href$="?view=newest"] { display:none; }

.postprofile dt img {
  max-height:125px;
  max-width:125px;
}

#login_popup{background-color: #07005e;max-height:600px;colour:#d4c196;border:1px solid white;border-radius:5px;padding:25px;}
 ul.linklist li.rightside a {
    display: inline-block !important;
}

 div#main-content ul.linklist {
    display: none !important;
 
}




/* Spacing between topic and body text */
.postbody .content {
  margin-top:10px; !important;
}
 
/* Topic border width */
.forabg {
padding: 1px;
}

/* Footer width for all devices */
.floating_foot_list {
    float: left;
    width: 25%;
    min-width: 320px;
}

/* Customised Quote box */
blockquote div { margin-left: 3px!important; }
blockquote blockquote { margin: 0.5em 10px 0pt 10px!important; }
blockquote, .codebox {
  background:#FFF;
  border:1px solid #A0C9E3;
  border-bottom-width:1px;
  padding-top: 2px;
    padding-right: 2px;
    padding-bottom: 5px;
    padding-left: 0px !important;
}
 
blockquote cite, .codebox dt {
  color:#FFF;
  background:#A0C9E3;
  border-radius:1px;
  padding:6px;
}
 
 blockquote cite, .cite_content {
  border:none;
  padding:5px;
  border-radius:1px;
  margin-bottom:10px;
}
 
/* Customised Spoiler box */
dl.codebox {
  background:#A0C9E3;
  border:1px solid #A0C9E3;
  border-radius:1px;
}
 
dl.codebox dt {
  color:#FFF;
  padding:1px;
}
 
dl.codebox dd, .spoiler_content {
  color:#666;
  background:#FFF;
  border:none;
  padding:6px;
  border-radius:1px;
}





/* LAST POST AVATAR */
 
 
 
 
  #fa_popup_content > div.post .postprofile dt > a, #main-content > div.post .postprofile dt > a,
#userAvatar, .avatar,  .mod-login-avatar dt, .postprofile dt > img,
td.avatar-mini img {
    background: transparent;
    border-radius: 100px;
    box-shadow: 0 2px 3px rgba(0, 0, 0, 0.4), 0 -1px 1px rgba(0, 0, 0, 0.4);
    display: inline-block;
    height: 100px;
    margin: 0px 10px;
        margin-bottom: 10px;
    overflow: hidden;
    padding: 5px;
    width: 100px
}
 
#fa_popup_content > div.post .postprofile dt img, #main-content > div.post .postprofile dt img,
#userAvatar img, .avatar img, .lastpost-avatar img, .mod-login-avatar dt > img,
td.avatar-mini img {
    border-radius: 100px;
    height: 100px;
    width: 100px 
     
}
 
  .lastpost-avatar, td.avatar-mini img {
    height: 54px;
    width: 54px;
}

  .lastpost-avatar img {
  background: none repeat scroll 0 0 #fff;
  border: 1px solid #d8d8d8;
 
  float: left;
  height: 54px;
  margin-right: 5px;
  padding: 2px;
  width: 54px;
}
 
  /* mention styles */
a.fa-mention {
  color:#A0C9E3;
 
}
 
/* mention hover styles */
a.fa-mention:hover {
  color:#FFF;
    background:#A0C9E3;
  border-radius:1px;
  padding:6px;
   
}
 
  body .tooltipster-default {
  background:#A0C9E3;
    color:#FFF;
   
}
 
body .tooltip-actions {
  background:#FFF;
    color:#FFF;
}
 
.tooltipster-arrow span {
  border-top-color:#A0C9E3 !important;
    color:#FFF;
}
  .tooltip-avatar img {  background: #FFF;  border: 1px solid #CCC;  border-radius: 100px;  height: 80px;  overflow: hidden;  padding: 2px;  width: 80px;}
 
 
  /* hover-over avatar */
 
    /* mention avatar */
  .mentiontag {
  background:rgba(0, 0, 0, 0.05);
  border:1px solid rgba(0, 0, 0, 0.1);
  border-radius:3px;
  display:inline-block;
  padding:1px 3px;
  margin:1px;
 
}
 
  /* mobile header and text colour */
  #wrap .mobile_title{
  background-color:#4A1D1D;
  color:#FFF;
}
 
  /* mobile pagination arrow colours */
  .mobile_title .mobile_next_button:after, .mobile_title .mobile_prev_button:after {
    color: #FFF;
    }
   
  .forum_new:before, .folder_new:before {
    background-color: #91BFDE;
    border-color: #91BFDE;
}
  .avatarMobile img {
          width:40px;
          height:40px;
 }
 
 


/*
** The Bells Are Ringing
** May 2016
** By Troy Eccles
**/


Bump.

Maybe @Ange Tuteur can assist as it was Ange's code I used from this thread:
https://help.forumotion.com/t142566-how-to-add-post-actions-to-the-mobile-version

Again, to clarify, when I hit QUOTE or EDIT on the mobile version, it jumps back to the desktop version. Once the post has there has been submitted, it jumps back to the mobile version. I realise that the Modern mobile version isn't completely compatible with my old CSS but surely there's a way to modify the code from the above thread to keep quoting and editing on the mobile version??

On the old mobile version, it simply opened up a text box to quote or edit. It was ideal.

Bumpity bump.

Bump

Bump again. Is anyone able to help?

Buuuump!

Have forumotion lost all their coders or something?