Viewing 9 posts - 1 through 9 (of 9 total)
  • Author
  • #1232664


    I hope you can help, I have a query relating to my website (link to relevant page in private content)

    You will see there are three sections, landlords, agents and tenants. Landlords and tenants are configured on the left and agents and the right. This was in line with the original design of the theme.

    This works great on desktop, but if you look on mobile, it doesnt flow correctly because you see:

    landlords – overview
    landlords – additional detail

    agents – additional detail
    agents – overview

    I would ideally like on mobile it to show agents overview, then additional detail as it does on desktop – if that makes sense?

    Is there any way this can be configured?

    Many thanks,



    Hey emrisproperty,

    Please give ids to the rows so that we can target them with css.
    Image 2020-07-23 at 18.56.14.png

    Best regards,



    I think I have done this labelling it 55.

    admin access link below if required :)

    thank you very much



    Hi Rob,

    Well, the 2/3 + 1/3 elements need to be in separate grid rows or color sections. I cannot seem to change the positioning on mobile with css with the current layout.

    Best regards,


    Hi Victoria,

    How do I achieve this please?

    I am just working within the constraints of the format of the theme and this in the design of the theme initially set out, and I expected it would be optimised for mobile?

    If you look at the original design of the demo ( – on the mobile – the in detail part appears first which is illogical. It appears fine on desktop.

    This is not something I have created – and I don’t see why it would intentionally be designed this way? How can this be resolved please because the theme is not optimised for mobile.

    Best Regards,



    It has been 4 days with no response, please can I escalate this? I believe the theme demo to have a design flaw on mobile – it does not read logically as it does on desktop and I need to find a way to remedy this.

    Many thanks,



    Sorry for the late reply and thanks for the link but the login token seems to have expired.
    Please try this code in the General Styling > Quick CSS field or in the WordPress > Customize > Additional CSS field:

    @media only screen and (max-width: 767px) { #av_section_2 > div > div > div > div > div:nth-child(4) {
      display: flex !important; 
      flex-wrap: wrap !important; 
      } #av_section_2 > div > div > div > div > div:nth-child(4) > div.avia-builder-el-18 {
          order: 2 !important; 
      } #av_section_2 > div > div > div > div > div:nth-child(4) > div.avia-builder-el-23 {
          order: 1 !important; 

    After applying the css, please clear your browser cache and check.

    Best regards,


    Hi Mike!

    You are an absolute superstar! This worked a treat! Thank you so so much!




    Hi Rob,

    We are delighted to hear that :)
    Thanks for using Enfold and have a great day!

    Best regards,

Viewing 9 posts - 1 through 9 (of 9 total)

The topic ‘Mobile formatting’ is closed to new replies.