Print Page | Close Window

Customizing page for responsive format changes

Printed From: openElement Website
Category:

openElement


Forum Name: openElement General Discussion
Forum Description: A place for general discussion and questions about the software.
URL: http://forum.openelement.com/en/forum_posts.asp?TID=1575
Printed Date: Feb 24 2020 at 8:37am
Software Version: Web Wiz Forums 10.11 - http://www.webwizforums.com


Topic: Customizing page for responsive format changes
Posted By: Hjiorst
Subject: Customizing page for responsive format changes
Date 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.
http://www.digitalcasemanagement.com/new_directory/index.htm" rel="nofollow - http://www.digitalcasemanagement.com/new_directory/index.htm

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?



-------------
-Hjiorst



Replies:
Posted By: digizar
Date Posted: Oct 19 2019 at 11:20pm
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.


-------------
___________________________________
Ask questions only if there is no answer yet.
https://digispics.com/_pers/resger2017.pdf


Posted By: Hobby001
Date Posted: Oct 20 2019 at 11:57pm
Here is what I get on my cell

http://zupimages.net/viewer.php?id=19/43/ativ.png" rel="nofollow">

What template have you used?


-------------
Anyone who wants to put something on line gets hooked by something big


Posted By: Hobby001
Date Posted: Oct 21 2019 at 2:24pm
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.


-------------
Anyone who wants to put something on line gets hooked by something big


Posted By: Hjiorst
Date Posted: Oct 21 2019 at 6:48pm
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


Posted By: Hjiorst
Date Posted: Oct 21 2019 at 6:50pm
Also:  Why does  "phone - THEME ESSENTIAL" not change the window frame to a cell phone shape?


-------------
-Hjiorst


Posted By: Hobby001
Date Posted: Oct 21 2019 at 7:15pm
Originally posted by Hjiorst Hjiorst wrote:

Also:  Why does  "phone - THEME ESSENTIAL" not change the window frame to a cell phone shape?

They have been partly configured

Select default media

Select Modify media


Then in the new pannel, add 640 to maximum  under phone - THEME ESSENTIAL

http://zupimages.net/viewer.php?id=19/43/30iq.jpg" rel="nofollow">

Do the same for Talette but with 960px


-------------
Anyone who wants to put something on line gets hooked by something big


Posted By: Hobby001
Date Posted: Oct 21 2019 at 7:20pm
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



-------------
Anyone who wants to put something on line gets hooked by something big


Posted By: Hobby001
Date Posted: Oct 21 2019 at 7:25pm
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.




-------------
Anyone who wants to put something on line gets hooked by something big


Posted By: Hjiorst
Date Posted: Oct 22 2019 at 9:30pm
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


Posted By: Hobby001
Date Posted: Oct 22 2019 at 9:46pm
Originally posted by Hjiorst Hjiorst wrote:

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!

It's allways surprising when someone from the States offers a french version.  Very appreciated from my point of view.




-------------
Anyone who wants to put something on line gets hooked by something big


Posted By: Hobby001
Date Posted: Oct 22 2019 at 9:48pm
Originally posted by Hobby001 Hobby001 wrote:

Originally posted by Hjiorst Hjiorst wrote:

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!

It's allways surprising when someone from the States offers a french version.  Very appreciated from my point of view.



Or am I mixing with someone else's site?



-------------
Anyone who wants to put something on line gets hooked by something big


Posted By: Hjiorst
Date Posted: Oct 24 2019 at 2:34am
I think you are confusing me with someone else.  Nothing French here!

-------------
-Hjiorst



Print Page | Close Window

Forum Software by Web Wiz Forums® version 10.11 - http://www.webwizforums.com
Copyright ©2001-2012 Web Wiz Ltd. - http://www.webwiz.co.uk