• Resolved tcempk

    (@tcempk)


    Hey, I need help with the responsive design. I need the menu to close up like this (like at mobile size) at width 1200px. The rest of the responsive design should stay as it is.

Viewing 4 replies - 1 through 4 (of 4 total)
  • Hi tcempk. I found a way that worked on a test site I have but it involves editing the default parent style.css file. I tried to get it to work in a child theme but am missing something. In the child theme I can get the collapsed menu icon to display at 1200px but the menu itself doesn’t disappear until 970px. So, having said that, I do not recommend editing the main parent theme files but, if you want to try this, here is what I did:

    In style.css, under “section /* common : nav”, for this line:

    @media only screen and (min-width: 970px) {

    change the 970px to 1200px. For this line:

    @media only screen and (max-width: 969px) {

    change the 969px to 1199px. Hope that helps.

    Thread Starter tcempk

    (@tcempk)

    Yeah it would be preferable to edit the child theme..but I’ll give it a go and we’ll see if I can figure something out.

    Thread Starter tcempk

    (@tcempk)

    tried your solution, it disfigures my sidebar1. Treid changing the child css but got the same results as you.

    Thread Starter tcempk

    (@tcempk)

    Found the solution.

    I changed all 719px to 1050px, and all 720px to 1051px in both responsive.css and style.css in my child theme. Works like a charm!

Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘resizing heuman’ is closed to new replies.