Dear sir/s, I have the following let’s say (iframe1):
this is for computer looking (computer operating system).
there is another iframe (let’s say iframe2):
this is for telephone (android, ios) os
so, the website would be appear in 2 different looking, 2 different designs, first for computer, second for mobile.
The question is: Now I have to put the 2 codes above in one webpage (index). In case that I would put both of them, of course, both of them would be appear in page. now I have to put a code telling that, (if… the os is for computer… then go to frame1, if the os for mobile then go to frame 2
if you open this website in computer, it would be appeared in determine design. and try to open by telephone, it would be appears another design.
be a ware, I’m not talking about adoption between computer and telephone size, I’m talking about 2 different design.
unconformity for security reasons I couldn’t show the link
Sounds like you’ve already got something written. Now use media queries to determine device size and if it’s computer size use display: none; to hide the class with the phone sized code and vice versa when you want to hide the computer size class and have phone code display.
Yes, that is write, the 2 designs has been already prepared, the only think that i have to do is just for allow one design to be in compute, another to be in mobile. i have to write this code. but I don’t know how?
@saifmahmmod You have to define the screen dimensions (i.e min-width, max-midth, , etc.) yourself for what you define as a smartphone or a desktop device.
One word of caution here regarding showing something “different” for mobile vs. desktop. Search engines like Google can penalize your search rank when the information is different for when viewed on a mobile device vs. a desktop. It is one thing to move things around and hide a few large icons, but if you actually show completely different information, then your ranking could suffer. It is fine to format (font size, positioning, etc.) the information differently, but an entirely different thing to remove/add certain information depending on screen size.
Dear sir/ thank you for you answer, actually may be there is misunderstanding. the website that I made is saif-tickects .com is just as affiliate program, I took from another website, the website that gave me these 2 different design, and there is no help for how to this. so I should do by myself, one for computer, one for smartphone. I don’t know how, and I read regadrs css media screen, but I don’t understnd it
please help me