Viewing 9 posts - 1 through 9 (of 9 total)
  • Author
    Posts
  • July 23, 2020 at 4:59 pm #1232664

    emrisproperty
    Participant

    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.

    July 23, 2020 at 5:56 pm #1232715

    Victoria
    Moderator

    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

    July 24, 2020 at 11:34 am #1232935

    emrisproperty
    Participant

    Hi,

    I think I have done this labelling it 55.

    admin access link below if required :)

    thank you very much

    Rob

    July 24, 2020 at 2:24 pm #1232991

    Victoria
    Moderator

    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

    July 24, 2020 at 6:24 pm #1233054

    emrisproperty
    Participant

    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

    July 29, 2020 at 12:19 am #1233813

    emrisproperty
    Participant

    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

    August 1, 2020 at 12:38 pm #1234500

    Mike
    Moderator

    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

    August 4, 2020 at 2:26 pm #1235102

    emrisproperty
    Participant

    Hi Mike!

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

    Thanks,

    Rob

    August 4, 2020 at 5:54 pm #1235143

    Nikko
    Moderator

    Hi Rob,

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

    Best regards,
    Nikko

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

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