-
Posts
-
Hello,
the start page at our site (www.navipro.se) have a grid row divided 1/5-3/5-1/5 that behaves strange when shown on e.g. an iPad (texts don’t stay in their row). I think the solution would be to change the breaking point, so it will change to one row mood, but I cant find how to do (I tried some earlier tips…).
Could you help me?Hey navipro_beha,
Thank you for using Enfold.
Please add this code in the Quick CSS field.
@media only screen and (max-width: 1024px) { .responsive #top #wrap_all .av-flex-cells .no_margin { display: block; margin: 0; height: auto !important; overflow: hidden; padding-left: 8% !important; padding-right: 8% !important; } }Best regards,
IsmaelHello Ismael,
Thanks for the response. Unfortuntatly it didn’t work. Everything, exept for the heading, shrinked into a narrow row (that couldn’t be read at all) to the left…
In our deams it should be like this (which is like it looks when I shrink the browser window to 764px on my computer):
first – the heading, full width
then – first row, full width
then – second row (with all our clients), two pictures side by side
Last – right row, full widthI am certain that you can solve it;-)
All the best,
/PerHi Per,
Could you please attach the screenshot of the way you like it? It’s not very clear from you words, since the website is not in English.
Best regards,
VictoriaHi Per,
Yes, I am seeing it the same way. The question was, how do you want to see it?
You can use the screen options, which are available in Enfold 4.1.2 and hid the first column on mobile and show it later on on the page.
If you need further assistance please let us know.
Best regards,
VictoriaHello again Victoria,
am I hard to understand?
The way it looks on the screenshots I sent you yesterday is how it looks in the browser on a computer (when I shrink the browser window to 764px) and that has never been a problem, thats the way we want it to look! Even on tablets! Our problem is still (as I wrote from the beguining) how it looks on e.g. an iPad because there it looks like this:
As you can see, it looks not at all as nice as when I shrink the window to ”iPad size” on the computer.All the best,
/PerHi Per,
Yes, sorry, it was very confusing to me. Try the code below.
Here is the code you can put in Enfold > General Styling > Quick Css, if it does not work, put into themes/enfold/css/custom.css@media only screen and (max-width: 1024px) { .responsive #top #wrap_all .flex_column.av-break-at-tablet, .responsive #top #wrap_all .av-break-at-tablet .flex_cell { margin: 0; margin-bottom: 20px; width: 100%; display: block; } .responsive #top #wrap_all .av-break-at-tablet-flextable, .responsive .av-layout-grid-container.av-break-at-tablet { display: block; } }If you need further assistance please let us know.
Best regards,
VictoriaHello Victoria,
it works!
I have another question about how our website shows on iPads: my iPad’s resolution is 2048x1536px and should in other words easly be able to view our site, whitch ”Maximum Container width” is set to 1410px, but it doesn’t. Is there a way in Enfold to let the visitor choose between mobile and ”classic” mood? (Like it is on this website: http://www.gudrunsjoden.com)
All the best,
/PerHi Per,
I am not seeing a website built with Enfold here. Is it a correct link?
Best regards,
VictoriaHi again,
gudronsjoden.com is not built in Enfold, it is just an example of the funktion we are looking for. (The reason why I took this example is easy, my wife works there;-)
My question is:
is it possible to do something in Enfold so high resolution mobile devices are allowed to view the website in the same way as on a computer/laptop?All the best,
/PerHi Per,
Not sure what you mean in your last reply. Do you have a specific request of what needs to be done? Container of 1410px for mobile?
Best regards,
VictoriaHi,
when someone enters our website on an mobile device I want them to be able to choose if they want to look at it in ”mobile mood” or not.
I’m not sure if it’s the correct way of saying it but: I think that what I want is to make the responsivety to be less automatic. That would make it possible to look at the site on a high resolution mobile device without having the rows collapsing.All the best,
/PerHi,
when someone enters our website on an mobile device I want them to be able to choose if they want to look at it in ”mobile mood” or not.
Yes, that’s possible but the option or feature is not available in the theme by default so it will require some modifications that is beyond the scope of support. Please hire a freelance developer or contact our partner, Codeable.
Best regards,
Ismael
- You must be logged in to reply to this topic.