[Theme: Minileven] Displaying alternate header for mobile devices

  • Resolved tygielkm

    (@tygielkm)


    8 years, 6 months ago

    I’m looking for a way to get Jetpack’s Minileven to pull a header image I’ve uploaded INSTEAD of the custom header from my desktop theme. I’ve found other threads that provide workarounds for themes without custom headers, but mine does have one… It just looks terrible on a tiny screen.

    I’ve uploaded a logo (i.e., inc/logo.jpg) to the /wp-content/plugins/jetpack/modules/minileven/theme/pub/minileven/inc folder, and I can guess that I need to edit something in style.css, header.php, or custom-header.php, but that’s as far as I get before I get stuck. I know it’s not ideal to edit the core themes, but I’m new to coding! (I’m using a child theme for everything except Minileven.)

    Here’s the website:
    https://vkc.mc.vanderbilt.edu/ebip

    And here’s the image I’m trying to “sub out” as the header image:
    https://i0.wp.com/vkc.mc.vanderbilt.edu/ebip/wp-content/uploads/2016/05/EBIP_mobile-header_3.jpg?w=500

Viewing 1 replies (of 1 total)
  • Thread Starter tygielkm

    (@tygielkm)

    I found the answer to this problem, in case anyone comes across the same dilemma! I navigated to /wp-content/plugins/jetpack/modules/minileven/theme/pub/minileven/inc/custom-header, and changed THIS bit of code:

    <a href="<?php echo esc_url( home_url( '/' ) ); ?>">
						<img src="<?php echo $header_image; ?>" alt="" />
					</a>

    I replaced the img src information with my own URL. If you copy and paste this code, replace yourheader.jpg to the URL of the header you want to use: 

    <a href="<?php echo esc_url( home_url( '/' ) ); ?>">
						<img src="yourheader.jpg" alt="" />
					</a>

    If there’s a cleaner way to do this, I’d be happy to know about it, but this seems to have solved my problem!

Viewing 1 replies (of 1 total)
  • The topic ‘[Theme: Minileven] Displaying alternate header for mobile devices’ is closed to new replies.