BullGuard Antivirus Sale - 60% Off with openElement !
Forum openElement Homepage
Forum Home Forum Home >

openElement

> openElement General Discussion
  New Posts New Posts RSS Feed - Customizing page for responsive format changes
  FAQ FAQ  Forum Search   Register Register  Login Login

Customizing page for responsive format changes

 Post Reply Post Reply Page  12>
Author
Message Reverse Sort Order
Hjiorst View Drop Down
Groupie
Groupie
Avatar

Joined: 22 Juil 2019
Location: California
Status: Offline
Points: 44
Post Options Post Options   Thanks (0) Thanks(0)   Quote Hjiorst Quote  Post ReplyReply Direct Link To This Post Topic: Customizing page for responsive format changes
    Posted: 24 Oct 2019 at 03:34
I think you are confusing me with someone else.  Nothing French here!
-Hjiorst
Back to Top
Hobby001 View Drop Down
Admin Group
Admin Group
Avatar

Joined: 05 Juin 2018
Location: Canada, Québec
Status: Offline
Points: 4344
Post Options Post Options   Thanks (0) Thanks(0)   Quote Hobby001 Quote  Post ReplyReply Direct Link To This Post Posted: 22 Oct 2019 at 22:48
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
Back to Top
Hobby001 View Drop Down
Admin Group
Admin Group
Avatar

Joined: 05 Juin 2018
Location: Canada, Québec
Status: Offline
Points: 4344
Post Options Post Options   Thanks (0) Thanks(0)   Quote Hobby001 Quote  Post ReplyReply Direct Link To This Post Posted: 22 Oct 2019 at 22:46
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
Back to Top
Hjiorst View Drop Down
Groupie
Groupie
Avatar

Joined: 22 Juil 2019
Location: California
Status: Offline
Points: 44
Post Options Post Options   Thanks (0) Thanks(0)   Quote Hjiorst Quote  Post ReplyReply Direct Link To This Post Posted: 22 Oct 2019 at 22:30
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
Back to Top
Hobby001 View Drop Down
Admin Group
Admin Group
Avatar

Joined: 05 Juin 2018
Location: Canada, Québec
Status: Offline
Points: 4344
Post Options Post Options   Thanks (0) Thanks(0)   Quote Hobby001 Quote  Post ReplyReply Direct Link To This Post Posted: 21 Oct 2019 at 20:25
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
Back to Top
Hobby001 View Drop Down
Admin Group
Admin Group
Avatar

Joined: 05 Juin 2018
Location: Canada, Québec
Status: Offline
Points: 4344
Post Options Post Options   Thanks (0) Thanks(0)   Quote Hobby001 Quote  Post ReplyReply Direct Link To This Post Posted: 21 Oct 2019 at 20:20
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
Back to Top
Hobby001 View Drop Down
Admin Group
Admin Group
Avatar

Joined: 05 Juin 2018
Location: Canada, Québec
Status: Offline
Points: 4344
Post Options Post Options   Thanks (0) Thanks(0)   Quote Hobby001 Quote  Post ReplyReply Direct Link To This Post Posted: 21 Oct 2019 at 20:15
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


Do the same for Talette but with 960px
Anyone who wants to put something on line gets hooked by something big
Back to Top
Hjiorst View Drop Down
Groupie
Groupie
Avatar

Joined: 22 Juil 2019
Location: California
Status: Offline
Points: 44
Post Options Post Options   Thanks (0) Thanks(0)   Quote Hjiorst Quote  Post ReplyReply Direct Link To This Post Posted: 21 Oct 2019 at 19:50
Also:  Why does  "phone - THEME ESSENTIAL" not change the window frame to a cell phone shape?
-Hjiorst
Back to Top
Hjiorst View Drop Down
Groupie
Groupie
Avatar

Joined: 22 Juil 2019
Location: California
Status: Offline
Points: 44
Post Options Post Options   Thanks (0) Thanks(0)   Quote Hjiorst Quote  Post ReplyReply Direct Link To This Post Posted: 21 Oct 2019 at 19:48
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
Back to Top
Hobby001 View Drop Down
Admin Group
Admin Group
Avatar

Joined: 05 Juin 2018
Location: Canada, Québec
Status: Offline
Points: 4344
Post Options Post Options   Thanks (0) Thanks(0)   Quote Hobby001 Quote  Post ReplyReply Direct Link To This Post Posted: 21 Oct 2019 at 15:24
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
Back to Top
 Post Reply Post Reply Page  12>
  Share Topic   

Forum Jump Forum Permissions View Drop Down

Forum Software by Web Wiz Forums® version 10.11
Copyright ©2001-2012 Web Wiz Ltd.

This page was generated in 0,031 seconds.