Header not responsive in browser

header responsive

- 9 years, 8 months ago joshkallmeyer
  Participant
  
  Expired
  
  Hey guys,
  
  So I’m having trouble with this header. It’s responsive on the phone, but once the browser size is made smaller, it squishes the image. How can I get it so the image becomes smaller when the browser shrinks, but also remains responsive on the iPhone?
  
  https://michellearmstrong.com
  
  Normal: https://www.michellearmstrong.com/wp-content/uploads/2015/04/Screen-Shot-2015-04-03-at-9.16.39-PM.png
  
  Shrunk browser (on Mac) screenshot: https://www.michellearmstrong.com/wp-content/uploads/2015/04/Screen-Shot-2015-04-03-at-9.10.06-PM.png
  
  iPhone: https://www.michellearmstrong.com/wp-content/uploads/2015/04/IMG_0965.png
  
  Also, I need to add the green opt in bar below the header image on the blog page. Yet, the php coding won’t be recognised on that page. Is there something I’m doing wrong?
  
  (I’ve changed the homepage away from the blog now; just until we’ve gotten this fixed).
- 9 years, 7 months ago Mirela
  Participant
  Hello,
  
  Please add these lines into your custom css box for the header:
  
  @media (max-width: 979px){ .header_page { height: 255px !important; } }
  
  Can you explain better on the second request? It is not recommended to edit the php files as it will prevent you from taking future updates.
  
  Best regards!
- 9 years, 7 months ago joshkallmeyer
  Participant
  
  Expired
  
  Hi!
  
  Thanks so much for that. The header worked.
  
  Okay so for the opt in banner, I need to make it display directly below the header image – like what it is already on the website.
  
  But on the blog page, https://www.michellearmstrong.com/blog/, the opt in doesn’t show below the header. How can I get it to show? I’ll be using the blog as the home page, and I need that opt in bar there.
- 9 years, 7 months ago joshkallmeyer
  Participant
  
  Expired
  
  Also the header on the blog page doesn’t show correctly – it hasn’t since we set up the page. Can you help me with that?
  
  Thank you :)
- 9 years, 7 months ago Mirela
  Participant
  Hello,
  
  The green bar is an element created via a third party plugin which we have not tested with the theme. We can not give support on that. Please read carefully plugin’s documentation or contact their support.
  As for the header, please add these lines into your custom css box:
  
  .blog .header_page.centered.without_shadow.no_parallax { padding-top: 151px; } .header_page.centered .overlay { display:none;}
  
  Best regards!
- 9 years, 7 months ago joshkallmeyer
  Participant
  
  Expired
  
  The /blog page still hasn’t changed – even with this CSS.
  
  And for the green bar, it’s a php line of code I’m trying to put in. Are you able to tell me where I can put it? I can’t seem to find where. It has to nest right below the header.
- 9 years, 7 months ago Mirela
  Participant
  
  Hello,
  
  I see that the header in blog page did change, screenshot. If you do not see this, than please clear cache and refresh page.
  The php for the green bar, you can put it in \includes\view\blog\loop-grid.php right before this line:
  <div id="blogmasonry" class="<?php if(isset($cl_redata['blog_grid_col'])) echo 'cols'.$cl_redata['blog_grid_col']; else echo 'cols3'; ?>">
  
  Best regards!
- 9 years, 7 months ago joshkallmeyer
  Participant
  
  Expired
  
  Hey,
  
  Thanks for this. I did change the blog header just to make it appear normal while we’re fixing it. Thanks!
  
  Also, one more question: how can I change the buttons on the blog page so it’ll read “Watch Video” rather than “Read More”?
- 9 years, 7 months ago joshkallmeyer
  Participant
  
  Expired
  
  Also, I followed the instructions you sent me;
  
  I added this line of code: <?php popupally_pro_add_embedded_popup(1); ?>
  
  to the following: <span style=”color: #393d40; font-family: ‘Open Sans’, ‘Helvetica Neue’, Helvetica, Arial, sans-serif; font-size: 14px; line-height: 22px;”>\includes\view\blog\loop-grid.php</span>
  
  <?php
  
  global $cl_redata, $for_element;
  
  do_action(‘codeless_excecute_query_var_action’,’loop-index’);
  
  if (have_posts()) ;
  
  ?>
  
  <?php popupally_pro_add_embedded_popup(1); ?>
  
  <div id=”blogmasonry” class=”<?php if(isset($cl_redata[‘blog_grid_col’])) echo ‘cols’.$cl_redata[‘blog_grid_col’]; else echo ‘cols3’; ?>”>
  
  <div class=”row filterable”>
  
  Yet the opt in mixes with the blog. I tried moving it around too (I’m pretty good with PHP). Am I doing something wrong?
- 9 years, 7 months ago Mirela
  Participant
  
  Hello,
  
  You can change the ‘Read more’ in file \includes\view\blog\loop-grid.php. Look carefully for the class you should add the php code and find it in the file. Place your code right after it.
  
  Best regards!
- 9 years, 7 months ago joshkallmeyer
  Participant
  
  Expired
  
  I follow your guidance for the PHP code – but no matter where I put it, it’s only on the blog page that it appears like this:
  
  https://www.michellearmstrong.com/wp-content/uploads/2015/04/Screen-Shot-2015-04-16-at-2.32.53-PM.png
- 9 years, 7 months ago joshkallmeyer
  Participant
  
  Expired
  
  Also, where do I change the “read more” button on the home page? Tried other files in teh blog section yet I couldn’t find it.
- 9 years, 7 months ago joshkallmeyer
  Participant
  
  Expired
  
  Hello?
- 9 years, 7 months ago Mirela
  Participant
  
  Hello,
  
  Sorry for the late reply. I did answer you before but apparently wasn’t send. You can fix the green bar in blog with some css. The ‘Read more’ is located in Visual composer files, plugins\js_composer.
  
  Best regards!
- 9 years, 7 months ago joshkallmeyer
  Participant
  
  Expired
  
  Are you able to assist me with the CSS? I promise I’ll go away once it’s fixed ;)
- 9 years, 7 months ago Mirela
  Participant
  
  Hello,
  
  Of course, please send me the link of the blog page. (I searched it but couldn’t find).
  
  PS: You can stay as long as you want :) We will gladly assist you.
  
  Best regards!

Viewing 15 reply threads

You must be logged in to reply to this topic.

Community Forums

Site Links

Useful Articles

Login