• Home
  • Knowledge
  • Manuals
  • Video Tutorials
    • Adore Church WP
    • AutoStars WP
    • BornToGive WP
    • Gaea WP
    • Native Church WP
    • Eventer
  • Open a Ticket
  • Need Customisation?
  • Home
  • Knowledge
  • Manuals
  • Video Tutorials
    • Adore Church WP
    • AutoStars WP
    • BornToGive WP
    • Gaea WP
    • Native Church WP
    • Eventer
  • Open a Ticket
  • Need Customisation?
home/Knowledge Base/Quick Solutions/RealSpaces theme single property mobile layout
Popular Search:Theme installation via WordPress, Translate the theme

RealSpaces theme single property mobile layout

14 views 0 December 17, 2020 admin

By default single property pages in the Real Spaces theme shows related property just below the slider of images whereas the property details comes after it when viewed on the small screens like mobile. To relayout it to show property details and contact details before the related properties, this custom javascript and CSS can be added at Theme Options => Custom CSS/JS

Javascript Code:

jQuery(document).ready(function(){
    var contact = jQuery('.property-template-default .sidebar .widget').first().clone();
    var desc = jQuery('.property-template-default .sidebar .widget').eq(1).clone();
    var info = jQuery('.property-template-default .sidebar .widget').last().clone();
    if(jQuery(window).width() < 767){
        jQuery('.single-property').append(desc);
        jQuery('.single-property').append(info);
        jQuery('.single-property').append(contact);
    }
});

CSS Code:

@media screen and (max-width:767px){
    .property-template-default .sidebar{
        display: none;
    }
}

 

Was this helpful?

Yes  No
Related Articles
  • Home page banner title (AdoreChurch)
  • Resolve delay in page loading
  • Make the event date in list style clickable (BornToGive Theme)
Leave A Comment Cancel reply

This site uses Akismet to reduce spam. Learn how your comment data is processed.

Quick Solutions
  • RealSpaces theme single property mobile layout
  • Home page banner title (AdoreChurch)
  • Resolve delay in page loading
  • Make the event date in list style clickable (BornToGive Theme)
Popular Articles
  • Translate theme
  • Speed up your website
  • Add Animated GIF images in WordPress
  • Add custom fonts to your website
  • Generate Envato Token
KB Categories
  • Getting Started
  • How To's
  • Ticket System
  • General Issues
  • FAQs
  • Quick Solutions
  • Support Policy
  • Privacy Policy
  • © 2021 imithemes. All Rights Reserved.

Popular Search:Theme installation via WordPress, Translate the theme