WebSite X5Help Center

 
Ionescu C.
Ionescu C.
User

Responsive Settings - Desktop view hide section  en

Autore: Ionescu C.
Visite 1787, Followers 1, Condiviso 0  

Hello, 

I want to build a responsive website.

The Responsive setting is currently active.

I have a section (Animated Headline) that in the mobile view wasn't shown properly.

So I added a new section (Animated Headline) with smaller font, and it is visible in the mobile view, and the one with bigger font (avaialable for desktop view), it is hidden.

At the desktop view unfortunatly, both sections (bigger and smaller - font) are visible.

I don't know how to hide the smaller section from appearing in the desktop view.

Any help, would be appreciated.

Section 1 is the section with bigger font, that at this moment it is hidden in mobile view.

Section 1 and Section 2 both visible in desktop view.

Reagrds, 

Cristi

Postato il
17 RISPOSTE - 4 UTILI
 ‪ KolAsim ‪ ‪
 ‪ KolAsim ‪ ‪
Moderator
Utente del mese ESUtente del mese PT

(It > En) ... a very simple EXTRA code is enough, but if you are interested you have to post the LINK of the online page...

.

Leggi di più
Postato il da  ‪ KolAsim ‪ ‪
Esahc ..
Esahc ..
Moderator

Ionescu, it is a long standing request that incomedia allow hide an object at a resolution but have it visible at others. ie you cannot have an object on the page that is only visible at less than desktop resolution unless you use 3rd party code.

But you can do it in header, footer and stickybar!

If you could put your animated headline object in the header rather than the page you have the option to hide any object at a specific or lesser resolution, also, if you add an object to a lesser resolution it is visible only at that and lesser resolutions. 

Leggi di più
Postato il da Esahc ..
Ionescu C.
Ionescu C.
User
Autore

Hello, 

Thank you for the promp response.

I know about the header, footer and stickbar posibility.

I was thinking that it is something similar, giving the fact that you are able to hide the section for lower resolution, but unfortunaly not for bigger ones.

Maybe it is a feature to take it in consideration for future versions.

Thank you, 

Cristi

Leggi di più
Postato il da Ionescu C.
 ‪ KolAsim ‪ ‪
 ‪ KolAsim ‪ ‪
Moderator
Utente del mese ESUtente del mese PT
Ionescu C.
 ... ... ...  I was thinking that it is something similar, giving the fact that you are able to hide the section for lower resolution, but unfortunaly not for bigger ones. ... ... ... 
... if you were attentive and interested, you could have already solved in a very simple way if you posted the LINK ...
... just put the two objects individually in two separate lines ...

ciao

.

Leggi di più
Postato il da  ‪ KolAsim ‪ ‪
John S.
John S.
User

Ionescu C.

You should do what KolAsim tell you to do. When you give the link, he will inspect the page and then give you some code you can put in a html-object on the page - or put it in the expert tab for the page.

He need to find the ID of the object you want to hide - then he can supply you with some ready-made code that can hide the object(s) for the screen-sizes you want.

It is rather easy when you know howwink

Leggi di più
Postato il da John S.
John S.
John S.
User

@Gordon - the post you refer to, seem not to be comment-able anymore. maybe you could update it. I will then give it a +100 as this is a very useful feature, that should have been made long ago. It has been asked for by other users too.

Leggi di più
Postato il da John S.
 ‪ KolAsim ‪ ‪
 ‪ KolAsim ‪ ‪
Moderator
Utente del mese ESUtente del mese PT
John S.
Ionescu C. You should do what KolAsim tell you to do. When you give the link, he will inspect the page and then give you some code you can put in a html-object on the page - or put it in the expert tab for the page. ... ... ... 

(It > En)  ... ... in fact it takes little! wink ... ... I have now remembered a similar case solved by a German who followed the instructions, even though he didn't understand the language, ... very, very simple even for non-experts; ... you can also get there by yourself:   https://helpcenter.websitex5.com/it/post/231875#comment8

.

Leggi di più
Postato il da  ‪ KolAsim ‪ ‪
Esahc ..
Esahc ..
Moderator

I do believe that you can now comment (revive?) the post,

I would like to note that there have been many other requests for this "feature" (but I cannot find them).

I know that it is possible to implement this via 3rd party code, but why should we? Incomedia do not support 3rd party code!!

https://helpcenter.websitex5.com/it/post/142629

Leggi di più
Postato il da Esahc ..
John S.
John S.
User

@KolAsim - I already know how to do it. I have used it a couple of times. I use much the same technique when I want to make an iframe "really" responsive.

I just wanted to point out to Ionescu, that I guessed (on your behalf) you would/will supply him with some code adapted for his actual page. Then it will be really easy for him. If you are not experienced it could maybe be difficult to identify the ID of the object that should not be shown.

Leggi di più
Postato il da John S.
John S.
John S.
User

@Gordon - I totally agree. It should be a setting in X5. Why should users buy and/or update the product if too many things has to be made manually. I know that not all functionality can be made as settings in X5 - but this should be one of those that can. Some other web software has much more functionality/settings and then it is supported. If it was not for all the enthusiastic and helpful users here on the forum, I think INCOMEDIA would be in trouble. I have given your post a +100. I have not searched for other posts regarding this issue, but I know there are others. I would like to know how INCOMEDIA keep track of all the "wishes" from us users, and what algorithms they use to make some kind of priority.

Leggi di più
Postato il da John S.
 ‪ KolAsim ‪ ‪
 ‪ KolAsim ‪ ‪
Moderator
Utente del mese ESUtente del mese PT
John S.
@KolAsim - I already know how to do it. I have used it a couple of times. I use much the same technique when I want to make an iframe "really" responsive. ... ... ... 
... yes, I follow you from time to timewink; ... I saw that you use JS, always excellent, but now, as you have seen from the Topic indicated, it is even easier with media queries...wink...

.

Leggi di più
Postato il da  ‪ KolAsim ‪ ‪
Ionescu C.
Ionescu C.
User
Autore

Hello again, 

I tried with the mentioned answer but is not working, maybe i'm doing something wrong.

"... just put the two objects individually in two separate lines ...

ciao

"two separate lines" - you mean Line breaks or simple separator?

I don't have a link at the moment, that is why I wanted to figer it out with the help of the software.

John S. is right regarding that this feature is available in the header (as mentioned), but in the body, we are unable to do it/use it.

Can someone help me with some detailed pictures of video?

Regards, 

Cristi

Leggi di più
Postato il da Ionescu C.
 ‪ KolAsim ‪ ‪
 ‪ KolAsim ‪ ‪
Moderator
Utente del mese ESUtente del mese PT
Ionescu C.
... ... ... eparate lines" - you mean Line breaks or simple separator? ... ... ... 
... ... in zwei Zeilen, eins über dem anderen, zum Beispiel 2 und 3...
... Sie können den Anweisungen des vorherigen LINK folgen, und mach es selbst, oder Sie können einfach ein kurzes Beispiel auf Altervista veröffentlichen...

ciao

Klicken Sie um zu erweitern/minimieren

.

Leggi di più
Postato il da  ‪ KolAsim ‪ ‪
Ionescu C.
Ionescu C.
User
Autore

Hello, 

I put two animation side by side with diferent properties/font size.

If I chose to hide section 1 (that has the bigger font) fo the smaller resolutions it is ok, only the object with smaller font it is visible.

But at normal/desktop resolution both of the objects 1 and 6 are shown (visible).

Attached a screenshot.

Regards, 

Cristi

Leggi di più
Postato il da Ionescu C.
Incomedia
Stefano G.
Incomedia

Hello Ionescu 

What you say is definitely true since the Responsive system currently allows you to hide elements for smaller resolutions but not the opposite

In such cases, it is helpful to consider designing the page's layout by keeping the mobile version of the website as simple as possible. Based on the design you currently chose, try to adapt the design to use a single Object that can be removed when on Mobile to work around the issue

I hope I was helpful

Stefano

Leggi di più
Postato il da Stefano G.
Ionescu C.
Ionescu C.
User
Autore

Hello Stefano, 

Thank you for the answer.

Ok, I understand. Maybe in the future versions this feature whould be nice to have/implement.

Regards, 

Cristi

Leggi di più
Postato il da Ionescu C.