Summer Sale Alert! Save 20% on WP Theme Bundle: 240+ WP Themes & 5 Plugins. Use Code "SIZZLE20"
Summer Splash Sale: Dive into 25% Off On All Our Premium WordPress Themes! Use Coupon Code "SPLASH25" at Checkout.

VW Blog Main Banner

Home Forums VW Theme VW BLOG PRO THEME VW Blog Main Banner

Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
  • #6719

    I’ve uploaded my banner image at the requested dimensions 1284×274, but the theme keeps blowing it up so big it doesn’t fit right on the page. This didn’t happen with the demo version of the theme.


    Also is this all I’m supposed to have for the header.php file? It looks quite short compared to the demo theme’s header.php?

     * The Header for our theme.
     * @package vw-blog-pro
    ?><!DOCTYPE html>
    <html <?php language_attributes(); ?>>
    	<meta charset="<?php bloginfo( 'charset' ); ?>">
    	<meta name="viewport" content="width=device-width">
    	<link rel="profile" href="">
    	<link rel="pingback" href="<?php bloginfo( 'pingback_url' ); ?>">
    	<?php wp_head(); ?>
    <body <?php body_class(); ?>>
      <header id="masthead" class="site-header">
      <!-- before header hook -->
      <?php do_action( 'vw_blog_pro_before_header' ); ?>
      <?php get_template_part('template-parts/header/content-header'); ?>
      <?php get_template_part('template-parts/header/main-banner'); ?>
    developer vwtheme

    Hi Shanonx,

    As per your query, we have seen your screenshot and yes in header.php you will get this much code.

    For homepage header code, we are giving you some easy steps to get it.

    Go to Dashboard >> Appearance >> Editor >> Template parts >> Header >> In which you will get two files of header.

    If you need any other help please let us know.



    I was able to get the banner image to work fine on my main page, but on my other pages it is cut off.

    Above should be an example.


    I also noticed that the banner images also doesn’t scale on mobile and isn’t responsive?


    I tried adding:

    #header {
      background-attachment: inherit;
    	background-size: 100%;

    This helped some, but makes the image be taller rather than wider when on a phone screen.

    • This reply was modified 5 years, 7 months ago by shanonx.
    developer vwtheme

    Hi Shanonx,

    Follow the given steps to manage the height of the image in mobile view:

    Go to Dashboard >> Appearance >> Customize >> Additional CSS and paste the given code

    screen and (min-width:425px){
    .pad_box {
    padding-bottom: 0em !important;

    If you need more clarification or have any other question please feel free to ask.

    Thank You.

Viewing 8 posts - 1 through 8 (of 8 total)
  • You must be logged in to reply to this topic.