Forum Replies Created
Viewing 7 posts - 1 through 7 (of 7 total)
-
AuthorPosts
-
shanonxParticipant
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 6 years, 2 months ago by shanonx.
shanonxParticipantI also noticed that the banner images also doesn’t scale on mobile and isn’t responsive?
shanonxParticipantSure my site URL is: https://responsetoworship.com/
shanonxParticipantI was able to get the banner image to work fine on my main page, but on my other pages it is cut off.
https://responsetoworship.com/about/
Above should be an example.
shanonxParticipantSo what was the solution because I am having this same problem?
shanonxParticipantAlso 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?
<?php /** * The Header for our theme. * * @package vw-blog-pro */ ?><!DOCTYPE html> <html <?php language_attributes(); ?>> <head> <meta charset="<?php bloginfo( 'charset' ); ?>"> <meta name="viewport" content="width=device-width"> <link rel="profile" href="https://gmpg.org/xfn/11"> <link rel="pingback" href="<?php bloginfo( 'pingback_url' ); ?>"> <?php wp_head(); ?> </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'); ?> </header>
shanonxParticipant -
AuthorPosts
Viewing 7 posts - 1 through 7 (of 7 total)