
-
AuthorPosts
-
July 23, 2020 at 4:59 pm #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 detailagents – additional detail
agents – overviewI 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 #1232715July 24, 2020 at 11:34 am #1232935Hi,
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 #1232991Hi 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,
VictoriaJuly 24, 2020 at 6:24 pm #1233054Hi 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 #1233813Hi,
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 #1234500Hi,
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,
MikeAugust 4, 2020 at 2:26 pm #1235102Hi Mike!
You are an absolute superstar! This worked a treat! Thank you so so much!
Thanks,
Rob
August 4, 2020 at 5:54 pm #1235143Hi Rob,
We are delighted to hear that :)
Thanks for using Enfold and have a great day!Best regards,
Nikko -
AuthorPosts
- The topic ‘Mobile formatting’ is closed to new replies.