Customizing page for responsive format changes |
Post Reply | Page 12> |
Author | |
Hjiorst
Groupie Joined: Jul 22 2019 Location: California Status: Offline Points: 56 |
Post Options
Thanks(0)
Posted: Oct 19 2019 at 1:03am |
I have come a long way with my website and am in the final stages. But every time I think I have the process of making adjustments for the different media format layouts, I suddenly find myself back at square one. My experience is that with OE, when customizing the layout and such for smartphones or tablets, What You See Is Definitely Not What You Get. It seems to do well enough with the Default page format, but switching to smartphone gives you something other than what shows up on my phone or on the simulated smartphone on the Firefox browser. This is what I see on the OE window when in "Smartphone" mode: What I see on my own cell phone (viewed on Chrome) is very different. Thirdly, neither are what I see on the simulated GalaxyS9 view on Firefox. (ctl-shft-M) What matters, of course, is what a cell phone is actually displaying. What I got now is not far off from what I want, but it is stubbornly refusing to do what I want. The main problem I'm having is with my main page's header, which is part of a design layer. I cannot change the logo image size. Is shrinks a little for the smart phone, but only to some unknown parameter. The number I enter into the width table seems to have no effect. 300px, 100px, the image stays the same. The page links (Main, etc.) reposition themselves into two rows, which is fine, but I can't make them any different size on the phone or the browser sim. Both of these do get smaller in the OE window, it is just not reflected in the browser or the phone. I also can't seem to get the skitter image to shrink enough to fit within the screen, though that is part of the main page, not the design layer. Can anyone tell me what I'm doing wrong here? Edited by Hjiorst - Oct 19 2019 at 1:06am |
|
-Hjiorst
|
|
digizar
Senior Member Joined: Dec 30 2015 Location: Germany Frankfu Status: Offline Points: 738 |
Post Options
Thanks(0)
|
Off topic.
The images you show, seem to be very huge in size, and they tumble in very slowly, unacceptable.
Recommend: make these images smaller in size. Edited by digizar - Oct 21 2019 at 1:23am |
|
___________________________________
Ask questions only if there is no answer yet. https://blumendigi.com |
|
Hobby001
Admin Group Joined: Jun 05 2018 Location: Canada, Québec Status: Offline Points: 6194 |
Post Options
Thanks(0)
|
Hobby001
Admin Group Joined: Jun 05 2018 Location: Canada, Québec Status: Offline Points: 6194 |
Post Options
Thanks(0)
|
Assuming that you selected the Essential template
The logo size reacts to media if you do it properly. You just have to select the media that you want to modify. Then change the width and height as per your requirements. You have to understant that these Media are built from standard CSSS media queries. The media named phone - THEME ESSENTIAL willl affect the selected components when the screen will be 640 px whide or less (screen and (max-width: 640px)) Other than the default media you have five of these medias available for you customisation.
|
|
Hjiorst
Groupie Joined: Jul 22 2019 Location: California Status: Offline Points: 56 |
Post Options
Thanks(0)
|
I am using the Essential template. And I believe I know how to make adjustments per each media format, because I am able to do so on many text blocks and images. But the same methods do not work on every element. But hang on a second: I have been using "Smartphones [portrait]" when I make my adjustments. Are you saying that I should use the "phone - THEME ESSENTIAL" when doing this? Does that make a difference? If so, why can I set different sizes for some things using the other media selection?
|
|
-Hjiorst
|
|
Hjiorst
Groupie Joined: Jul 22 2019 Location: California Status: Offline Points: 56 |
Post Options
Thanks(0)
|
Also: Why does
"phone - THEME ESSENTIAL" not change the window frame to a cell phone shape?
|
|
-Hjiorst
|
|
Hobby001
Admin Group Joined: Jun 05 2018 Location: Canada, Québec Status: Offline Points: 6194 |
Post Options
Thanks(0)
|
Hobby001
Admin Group Joined: Jun 05 2018 Location: Canada, Québec Status: Offline Points: 6194 |
Post Options
Thanks(0)
|
The way these things works is dictated by CSS media queries.
The standard selections cover the following width: 1199 to 768 px 767 to 481 px 480 px and less The two specific are covering: 960 px and below 640 px and less |
|
Hobby001
Admin Group Joined: Jun 05 2018 Location: Canada, Québec Status: Offline Points: 6194 |
Post Options
Thanks(0)
|
The home page slider is dimentionned 100% width of it's parent element and a maximum of 960px.
And yes depending on different factors some elements are not responsive. |
|
Hjiorst
Groupie Joined: Jul 22 2019 Location: California Status: Offline Points: 56 |
Post Options
Thanks(0)
|
This should be helpful when I am able to get back to working on this. But other demands intervene. I'll check back in when I can return to this project. Thank you for your help!
|
|
-Hjiorst
|
|
Post Reply | Page 12> |
Tweet
|
Forum Jump | Forum Permissions You cannot post new topics in this forum You cannot reply to topics in this forum You cannot delete your posts in this forum You cannot edit your posts in this forum You cannot create polls in this forum You cannot vote in polls in this forum |