Tagged: Freelancer Demo, responsiveness
-
AuthorPosts
-
July 4, 2018 at 6:06 pm #981310
Hi,
I am using the Enfold Freelancer theme. It works fine on laptop and smart phone, but on my tablet (10.1inch) it looks quite weird. It just squeezes everything together to keep the picture and text next to each other. The format on the phone is much better and would love to have this working for my tablet the same way. Otherwise you see just part of the picture and sometimes it looks very strange.
How can this be realized?
Please advise.Thanks and regards,
Sandra (kardnas)July 4, 2018 at 6:34 pm #981314Have an additonal question….on mobile and tablet is the header black instead of transparant/white. How did this happen. And the header has a transparant look only on the homepage, not on the other pages….
July 7, 2018 at 11:06 am #982380Hi Sandra,
Can you give us temporary admin access to your website in the private content box below, so that we can have a closer look?
Best regards,
VictoriaJuly 10, 2018 at 2:30 pm #983694Hi Victoria,
There was already an admin access still valid, have listed the info below.
Hope you can solve this for me.BTW I also noticed that the transparent header works on the homepage but not on other pages. Is that the design or did I do something wrong?
THanks and regards,
SandraJuly 11, 2018 at 3:52 am #983976Hi,
Thank you for using Enfold.
Use this css code to have the tablet view have the same layout as the phone view.
@media only screen and (max-width: 1024px) { .responsive #top #wrap_all .av-flex-cells .no_margin { display: block; margin: 0; height: auto !important; overflow: hidden; padding-left: 8% !important; padding-right: 8% !important; } #top #wrap_all .av_header_transparency { background-color: #ffffff; color: #655f5c; border-color: #e1e1e1; } .responsive #top .av-hide-on-mobile, .responsive #top .av-hide-on-tablet { display: none !important; } }
Best regards,
IsmaelJuly 14, 2019 at 1:42 pm #1118487Hi,
I am running into issues with the responsiveness on the top of the pages. I am using the Enfold Freelancer and the first row of boxes should both appear on tablet and mobile after each other. Currently they display next to each other squeezing text and picture to a very small version. It surprised my because I never saw it before.
Please advise.Thanks Sandra
July 15, 2019 at 5:54 am #1118678Hi,
Thank you for the update.
The site is asking for another authentication aside from the dashboard account. Could you remove that temporarily?
Best regards,
IsmaelJuly 15, 2019 at 7:39 am #1118694HI,
I can’t remove this, but gave you the pass in the last sentence with my credentials. That should work.
Regards,
SandraJuly 16, 2019 at 12:31 am #1118996Hi,
Thank you for the update.
I am able to access the site but I can’t get in using the login credentials above. It seems to be invalid. Please check it carefully.
Best regards,
IsmaelJuly 19, 2019 at 10:19 am #1120117Hi, Please try the new credentials.
Thx.
SandraJuly 22, 2019 at 10:30 am #1120788Hi,
Thank you for the update.
We removed the following code in the Quick CSS field because it prevents the cells from becoming full width on mobile view.
@media only screen and (max-width: 1024px) { .responsive #top #wrap_all .av-flex-cells .no_margin { display: table-cell; } }
Best regards,
IsmaelJuly 22, 2019 at 12:11 pm #1120818Thx!
July 22, 2019 at 4:15 pm #1120920Hi,
I’m glad this was resolved if you need additional help, please let us know here in the forums.
Best regards,
Jordan Shannon -
AuthorPosts
- The topic ‘Mobile layout tablets’ is closed to new replies.