-
AuthorPosts
-
August 15, 2013 at 12:59 pm #27848
Hi,
besides my issues dealing with certain aspects of responsive design, mostly with try & error, i am having a hard time understanding the concept of responsiveness. maybe therefore my question is of some general interest:
1. Am i wright assuming that below a certain screen resolution, things start to adapt according to their browsing surrounding? Pics, text, headings shrink to fit the browser window?
2. If so, where do i define at what size responsiveness starts to work? – CSS? JS?
3. Since i am using the 1210px version, everything should be fine up to this resolution, meaning, visitors do have the same experience like me, sitting in front of a 1900px monitor? Things start to get a little messy when going under 1180px in browser size (menu overlaps logo etc) So can i define the menu item size if the browser window is below 1200px?
4. Last one: are my issues due to the fact that i am not using enfold`s native menu system but the uber menu? i would hate so see it go, but if there is no other way to get the menu to responsiveness …
Thanks for your answers.
Regards, Sebastian
August 16, 2013 at 6:17 pm #135585Hi Sebastian,
This is a good primer on what responsive design is and how it works: http://coding.smashingmagazine.com/2011/01/12/guidelines-for-responsive-web-design/
CSS and Javascript are used with the theme do do various effects but the majority of the responsive changes are done with css. To adjust anything you would create and add new css to the custom.css file and you can use the pre-set media queries as models.
For #3, it sounds like the menu width is just a bit too large for the layout. You can either decrease the spacing of the items, the amount of menu items or change the size the menu adjusts to the responsive menu following this post: https://kriesi.at/support/topic/top-menu-with-the-social-icons-bigger?replies=5#post-132320
#4, I can’t really say but most likely the theme is not adjusting anything with the uber menu so you would need to make responsive changes to it directly.
Regards,
Devin
August 17, 2013 at 8:54 pm #135586Hi Devin,
thanks for that, really helpful
Cheers, Sebastian
-
AuthorPosts
- The topic ‘responsive concept’ is closed to new replies.