Title: header non responsive
Last modified: August 24, 2016

---

# header non responsive

 *  [hernantt](https://wordpress.org/support/users/hernantt/)
 * (@hernantt)
 * [11 years, 2 months ago](https://wordpress.org/support/topic/header-non-responsive/)
 * Hi there,
    I’m new to this theme. I really like the simplicity, but I’m struggling
   with two issues (the website is [http://www.zoomlanguagecenter.info](http://www.zoomlanguagecenter.info)):
 * 1. the headers are not adjusting to other devices screens, I just see a them 
   partially in any screen other than my desktop… what I’m doing wrong? I have created
   the images 1800 px by 1200 px. Please advise.
 * 2. Trying to figure out how to change colors of main navbar and not sure what
   is the right line to change that.
 * Thanks,
    Hernan.-

Viewing 8 replies - 1 through 8 (of 8 total)

 *  [bandicootmarketing](https://wordpress.org/support/users/tinkerpriest/)
 * (@tinkerpriest)
 * [11 years, 2 months ago](https://wordpress.org/support/topic/header-non-responsive/#post-5960144)
 * 1. The header is responsive, but due to the how the theme is designed, it resizes
   based on height in order to maintain the layout. Check out the demo for the premium
   version and you’ll see what I mean:
 * [http://demos.bavotasan.com/arcade/](http://demos.bavotasan.com/arcade/)
 * 2. The following CSS styles the navbar:
 *     ```
       .navbar-inverse {
          background: rgba(0, 0, 0, 0.6);
       }
       ```
   
 * The theme does use JavaScript to change the opacity of the navbar when the page
   scrolls and that will most likely present a problem for you. To overwrite it 
   use the !important declaration.
 *  Thread Starter [hernantt](https://wordpress.org/support/users/hernantt/)
 * (@hernantt)
 * [11 years, 2 months ago](https://wordpress.org/support/topic/header-non-responsive/#post-5960213)
 * Thanks C. bavota. the point 2 worked as expected. but point 1 still not working.
 * In my mobile phone I see just the 20% of the header width (just in the center),
   but it is not adjusting like the homepage. It is not reducing at the the height.
 * Any clue? or should I go for the license? I see that you include a mobile feature
   there. is that it?
 *  Thread Starter [hernantt](https://wordpress.org/support/users/hernantt/)
 * (@hernantt)
 * [11 years, 2 months ago](https://wordpress.org/support/topic/header-non-responsive/#post-5960214)
 * I forgot. What is the right size for the header, I’m using 1800 px by 300 px.
 * Thanks,
    Hernan.-
 *  Thread Starter [hernantt](https://wordpress.org/support/users/hernantt/)
 * (@hernantt)
 * [11 years, 2 months ago](https://wordpress.org/support/topic/header-non-responsive/#post-5960215)
 * Just to clarify, I’m talking about headers in the pages, not the home page. for
   whatever reason the home page is working well and the picture is responsive even
   in the mobile.
 *  [bandicootmarketing](https://wordpress.org/support/users/tinkerpriest/)
 * (@tinkerpriest)
 * [11 years, 2 months ago](https://wordpress.org/support/topic/header-non-responsive/#post-5960279)
 * The header for mobile on inner pages works the same for the home page. Check 
   out the demo.
 * The image size I use for the demo is 1800px by 1200px.
 *  Thread Starter [hernantt](https://wordpress.org/support/users/hernantt/)
 * (@hernantt)
 * [11 years, 2 months ago](https://wordpress.org/support/topic/header-non-responsive/#post-5960282)
 * I see yours working. Mine is not. I’ll try changing the size of the picture of
   then inner pages.
 *  Thread Starter [hernantt](https://wordpress.org/support/users/hernantt/)
 * (@hernantt)
 * [11 years, 2 months ago](https://wordpress.org/support/topic/header-non-responsive/#post-5960283)
 * Hey, I just tried 3 different options and sizes… still not working well in the
   Tablet and cell-phone (android, kitkat). the best fit so far is 1800×600 for 
   the inner headers.
 *  [AngelaMc](https://wordpress.org/support/users/angelamc/)
 * (@angelamc)
 * [11 years ago](https://wordpress.org/support/topic/header-non-responsive/#post-5960350)
 * Hope its ok for me to post here, but I can’t find any help to fix my problem,
   I’ve made a post here;
 * [https://wordpress.org/support/topic/title-icon-not-showing-on-phone?replies=10](https://wordpress.org/support/topic/title-icon-not-showing-on-phone?replies=10)
 * For some reason the header isn’t responding the same over all platforms and looks
   really terrible at times crossing over and jumbling up the Title.
    Other times
   the Title, tagline and icon aren’t showing at all. I have had 5 people try this
   out for me know on their phones. I’ve tried it with fittext checked and unchecked.
   This is what the two variations look like.
 * [http://mcquaintgifts.co.uk/wp-admin/post.php?post=641&action=edit](http://mcquaintgifts.co.uk/wp-admin/post.php?post=641&action=edit)
 * Can someone help me at all please?
    I really like this theme and don’t want to
   have to change to another.
 * [http://mcquaintgifts.co.uk/](http://mcquaintgifts.co.uk/)

Viewing 8 replies - 1 through 8 (of 8 total)

The topic ‘header non responsive’ is closed to new replies.

 * ![](https://i0.wp.com/themes.svn.wordpress.org/arcade-basic/1.1.1/screenshot.
   png)
 * Arcade Basic
 * [Support Threads](https://wordpress.org/support/theme/arcade-basic/)
 * [Active Topics](https://wordpress.org/support/theme/arcade-basic/active/)
 * [Unresolved Topics](https://wordpress.org/support/theme/arcade-basic/unresolved/)
 * [Reviews](https://wordpress.org/support/theme/arcade-basic/reviews/)

 * 8 replies
 * 3 participants
 * Last reply from: [AngelaMc](https://wordpress.org/support/users/angelamc/)
 * Last activity: [11 years ago](https://wordpress.org/support/topic/header-non-responsive/#post-5960350)
 * Status: not resolved