Forum Replies Created
-
AuthorPosts
-
December 11, 2020 at 8:49 pm in reply to: Problems with access to elements via css in tablet and smartphone versions #1266664
Dear Mike,
first of all we would like to thank you to the max for your patience and your detailed and professional help.
Finally it’s done; everything works fine on tablet and smartphone in landscape and portrait mode.Once again THANK YOU. Please be so kind and close this topic.
Best regards and all the best for the holidays, Yours
MickDecember 10, 2020 at 2:58 pm in reply to: Problems with access to elements via css in tablet and smartphone versions #1266301Hi,
o.k., i did that, but the last image jumps into the next row now, on all versions.
The last image is now set to alignleft.
Best regards,
Mick
December 10, 2020 at 1:41 pm in reply to: Problems with access to elements via css in tablet and smartphone versions #1266290Hi,
no i use the classic editor in source-code mode, sometimes in advanced-mode.
Best regards,
Mick
December 9, 2020 at 2:43 pm in reply to: Problems with access to elements via css in tablet and smartphone versions #1266005Hi Mike,
how did you test the above css. On which place in the script?
Best regards,
Mick
December 8, 2020 at 10:10 pm in reply to: Problems with access to elements via css in tablet and smartphone versions #1265843Hi Mike,
thank you for your reply.
That works not, It still influences the tablet version.
I added it to the quick css, but its the same problem.
Best regards,
Mick
December 7, 2020 at 5:29 pm in reply to: Problems with access to elements via css in tablet and smartphone versions #1265523Hi Mike,
thanks for your very helpful reply.
I did it as you adviced, i modified your script with the media query orientations and put it in the quick css field.
It works well so far, i have access to all elements in tablet and smartphone versions, but the smartphone portrait
version still harms the tablet portrait version.Heres the code for the portrait versions
@media only screen and (max-width: 1024px) and (orientation : portrait) {
ul#homelist {
margin-left: 20px !important;
}
#top.page-id-22 #wrap_all #main .post-entry-22 div#attachment_1762.wp-caption.alignleft {
margin: auto !important;
width: 128px !important;
}
#top.page-id-22 #wrap_all #main .post-entry-22 div#attachment_1765.wp-caption.alignleft {
margin: auto !important;
margin-left: 5px !important;
width: 128px !important;
}
#top.page-id-22 #wrap_all #main .post-entry-22 div#attachment_1768.wp-caption.alignleft {
margin: auto !important;
margin-left: 8px !important;
width: 128px !important;
}
#top.page-id-22 #wrap_all #main .post-entry-22 div#attachment_1771.wp-caption.alignleft {
margin: auto !important;
margin-left: 8px !important;
width: 128px !important;
}
#top.page-id-22 #wrap_all #main .post-entry-22 div#attachment_1374.wp-caption.alignright {
margin: auto !important;
margin-left: 6px !important;
width: 128px !important;
float: left !important;
}
}The smartphone portrait is commented out actually. So it dont hit my tablet version.
/*@media only screen and (max-width: 768px) and (orientation : portrait) {
#top.page-id-22 #wrap_all #main .post-entry-22 div#attachment_1762.wp-caption.alignleft {
margin: auto !important;
width: 80px !important;
}
#top.page-id-22 #wrap_all #main .post-entry-22 div#attachment_1765.wp-caption.alignleft {
margin: auto !important;
margin-left: 5px !important;
width: 80px !important;
}
#top.page-id-22 #wrap_all #main .post-entry-22 div#attachment_1768.wp-caption.alignleft {
margin: auto !important;
margin-left: 5px !important;
width: 80px !important;
}
#top.page-id-22 #wrap_all #main .post-entry-22 div#attachment_1771.wp-caption.alignleft {
margin: auto !important;
margin-left: 5px !important;
width: 80px !important;
}
#top.page-id-22 #wrap_all #main .post-entry-22 div#attachment_1374.wp-caption.alignright {
margin: auto !important;
margin-left: 6px !important;
width: 80px !important;
float: left !important;
}
}*/The smartphone landscape version is o.k and doesnt have any inluences to the tablet version
I cant find out why that doesnt work in portrait.I send you an admin access, so you can see the code.
Best regards,
Mick
November 30, 2020 at 4:16 pm in reply to: Problems with access to elements via css in tablet and smartphone versions #1264011Hello,
o.k. i try it again, with some expilicit code questions, is that o.k. for you?
I built the home site new and want to do it with the team site as well. But the home site
first.I removed the inline styles and put them to the style.css
That works for the full screen verson with (this has no resolution rules)
ul#homelist {
margin-left: 540px;
}But in the tablet version i cant get access to it via css with
@media only screen and (max-device-width : 1024px) and (orientation : landscape) {
ul#homelist {
margin-left: 440px;
}
}the same in lower resolutions.
Icant get access to the image and the imageframe via css in full screen version, so i cant resize it in lower
resolutions. Heres the codediv#attachment_1754.wp-caption.alignleft {
width: 200px;
}
.homeimage {
width: 190px;
}Please answer me.
Best regards,
Mick
November 27, 2020 at 5:42 pm in reply to: Problems with access to elements via css in tablet and smartphone versions #1263551This reply has been marked as private.November 27, 2020 at 12:15 pm in reply to: Problems with access to elements via css in tablet and smartphone versions #1263501This reply has been marked as private.November 25, 2020 at 9:05 pm in reply to: Problems with access to elements via css in tablet and smartphone versions #1263077This reply has been marked as private.November 25, 2020 at 6:25 pm in reply to: Problems with access to elements via css in tablet and smartphone versions #1263051This reply has been marked as private.November 24, 2020 at 9:23 pm in reply to: Problems with access to elements via css in tablet and smartphone versions #1262808This reply has been marked as private.November 24, 2020 at 1:30 pm in reply to: Problems with access to elements via css in tablet and smartphone versions #1262650Hi Victoria,
thank you very much, that works fantastic.
I have 2 more problem-sites.
1. The “TEAM” site
I cant place and resize the 5 small images
I need that for the tablet portrait- and the smartphone versionsi’ve tried to place them on style.css, resize is impossible.
@media only screen and (max-device-width : 1024px) and (orientation : portrait) {
div#attachment_1765.wp-caption.alignleft {
margin-left: 102px;
}div#attachment_1768.wp-caption.alignleft {
margin-left: 94px;
}/* Second Row */
div#attachment_1771.wp-caption.alignleft {
margin-left: 140px;
margin-right: 188px;
}div#attachment_1762 {
margin-right: 60px;
}
}that does’t work
2. The “HOME” site
I cant resize the image, on smartphone versions and cant set the margins of the dotted list.
Can you help me?
Best regards,
Mick
November 23, 2020 at 10:48 pm in reply to: Problems with access to elements via css in tablet and smartphone versions #1262508This reply has been marked as private.November 23, 2020 at 2:25 pm in reply to: Problems with access to elements via css in tablet and smartphone versions #1262384This reply has been marked as private.Hi Yigit,
thank you very much for your quick response.
That works, we can close this thread now.
Thanx
MickThis reply has been marked as private.This reply has been marked as private.Hi Yigit,
i’m sorry, but not on android phone.
Now the background image is hidden on portait but not on landscape.
The socket menu is still there.Best regards,
Mick
Hi Yigit.
no, now the image is shown on both orientations and the socket-menu is still there.
Regards,
MickHi,
that works in portrait-modus. but not in landscape-modus on android-phones. I’ve pasted the code in,
but the image is still there.I have a general problem to approach the elements on the smartphone-version.
e.g.
I hide the socket-menu withnav.sub_menu_socket { display: none; }
on desktop and tablet-version its hidden but not on Smartphones, where the same code is in.
Best regards
Mick
November 17, 2020 at 12:29 pm in reply to: Header background-image hide only on smartphones #1260963Hi Rikard,
here are the Admin-Login-Data
Thank you for your help.
Best regards,
MickHi Victoria,
thanks a lot for your support1With the code you sent everything is fine now. We can close this thread
Best regards
Mick
Hi Rikard,
the problem is NOT on the iPhone it is ON ANY ANDROID SMARTPHONE in LANDSCAPE MODE ONLY.You can find a link to the screenshot of this problem under private content.
We would be very happy if you could help us, THX in advance
Mick
Hi,
everything works.
We thank you for your patience and we can close the thread now.
Best regards,
Mick
Hi Victoria,
thank you, but i mean the iphone landscape mode.
Best regards,
MickHi Ismael,
yaeh, that works fine, thank you very much.Only one little thing, how can I center the footer-navi in iphone landscape-mode
Best regards,
Mick
Hi Rikard,
thanks for your reply.
This concerns the footer for iphone in landscape mode only:1. I would like to eliminate the “C Copyright Hausarztpraxis-Kelkheim” completely.
2. I would like the complete footer to be at the end of each page and not static, like it is now.The Screenshot-link can be found under private content.
Thanks for your help!
PS: In portrait mode it works perfectly on the iphone, none of the above issues can be seen.
Hi Rikard,
we saw that the Header Problem is solved.
But the Footer Problem is the same as before.
On iPhone in Portrait-Modus everything will shown correct, there is no Copyright (this is not the normal Copyright, its Menu-Point 3 in the Footer-mer) and the Fotter is set to relative.
But in the Landscape-Modus the Copyright appers and the Footer is not relative. In Custom-Style.ccs everything is set correct.Thanks Mick
Hi,
fine, everything works now.Thanks Mick
-
AuthorPosts