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

    Hi,

    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,

    Rob.

    #1232715

    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,
    Victoria

    #1232935

    Hi,

    I think I have done this labelling it 55.

    admin access link below if required :)

    thank you very much

    Rob

    #1232991

    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,
    Victoria

    #1233054

    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 (https://kriesi.at/themes/enfold-law/practice-areas/) – 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,

    Rob

    #1233813

    Hi,
    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,

    Rob

    #1234500

    Hi,
    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) { 
      #top.page-id-824 #av_section_2 > div > div > div > div > div:nth-child(4) {
      display: flex !important; 
      flex-wrap: wrap !important; 
      }
      #top.page-id-824 #av_section_2 > div > div > div > div > div:nth-child(4) > div.avia-builder-el-18 {
          order: 2 !important; 
      }
      #top.page-id-824 #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,
    Mike

    #1235102

    Hi Mike!

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

    Thanks,

    Rob

    #1235143

    Hi Rob,

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

    Best regards,
    Nikko

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

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