Dee Sleep
asked 10 years ago

I made the navigation bar and logo a little taller than it was originally but now it isn’t responsive when you adjust the size of the window or are looking at the site on a laptop for example. At full screen width it looks fine, but as soon as you make the window smaller the navigation jumps down and sits over-top of the blog posts.
Site: http://turlybird.com/blog
Any suggestions?

3 Answers
Wilfred
answered 10 years ago

Hello Dee,
To resolve this issue please follow my instruction here:
1. Open functions.php in your site / wp-content / themes / your theme / functions.php
2. Move the following code from line 90 to line 82

wp_enqueue_style( 'wallpress_style', get_stylesheet_uri() );


Hope this helps !

Dee Sleep
answered 10 years ago

That didn’t seem to make a difference. Attached is a screen shot hopefully helping explain what is happening.
 

Wilfred
answered 10 years ago

Hi Dee Sleep,
Sorry for my mistake. Because I misunderstood your question therefore the solution that I gave last time was not helpful for you.
To resolve this issue please follow my instruction here:
1. Open file responsive.css in /wp-content/themes/dw-wallpress/assets/css/responsive.css
2. Replace following code – line 80

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

with

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

3. Replace following code – line 87 

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

with

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

Hope this helps!

Dee Sleep
replied 10 years ago

Thanks so much! That worked perfectly!!

Powered by DW Question & Answer Pro