Mobile comments box names are out of order

Hi,

The mobile theme comments box titles are not in order - please see screenshot. As you can see the "name" title should be above, and the email above and so on. This is causing people to not be able to log comments on a mobile device - unless they see that it is in the wrong order, which I guess people won't.

Any help would be very much appreciated to fix this asap. Desktop is fine.

Thank you!

Katy

 

Hello,

Could you please provide your site URL.

 

Hi Sameer,

davinawilbymosaics.com


Thanks

 

Any help would be very much appreicated with this asap. Please
Many thanks

Katy

 

Hello,

Thanks for sharing the details.

Please paste the code given below in Custom CSS section
(Appearance -> Theme Options -> Styling Options -> Custom CSS) of your dashboard

Code:

#respond label {
  margin-left: 0px;
  position: absolute;
  top: -37px;
  width: 150px;
  left: 0;
  }
 
  .clearfix {
  position: relative;
    padding: 2px;
  margin-top: 26px !important;
}

Hope it will solve your query.

 

Hello Katy,

Kindly ignore the previously given code apply this one as I forgot to apply @media code:

Code:

 
@media only screen and (max-width: 480px){
#respond label {
  margin-left: 0px;
  position: absolute;
  top: -37px;
  width: 150px;
  left: 0;
  }
  
  .clearfix {
  position: relative;
    padding: 2px;
  margin-top: 26px !important;
}
}

Sorry for the inconvenience caused.