Skip to content

Theme Palace

  • Home
  • Themes
  • Plugins
  • My Account
  • Support
  • Blog
CLose Search

Quick links

  • Support
  • My Accounts
  • Latest themes
  • Trending themes
Wave
Wave

Align and fix header image with first menu item

Home › Forums › Pro Themes › Education Hub Pro › Align and fix header image with first menu item

Tagged: header image, logo, site title

  • This topic has 4 replies, 2 voices, and was last updated 6 years, 4 months ago by wensolutions.
Viewing 5 posts - 1 through 5 (of 5 total)
  • Author
    Posts
  • February 2, 2017 at 1:17 pm #30777
    DB4Y
    Participant

    Hello,

    I’d like to align my header image to be directly above my first menu item (Home). I want the image to stay fixed above the first menu item even when the window is minimized/resized. I also do NOT want to affect the position of the search box.

    My website is: http://www.apgardnerposthamilton.org

    Below is some custom CSS that I already have. (I want to keep the site identity margin to control the height of the header)
    —-
    @media(min-width:768px){
    #site-identity {
    margin-top: 80px;
    }
    #masthead {
    background-position: left;

    }
    }

    —-

    February 2, 2017 at 6:07 pm #30804
    DB4Y
    Participant

    I have updated my css (unrelated to this issue) and posted the latest below.

    Just to recap my issue… I want to move the header image to align with the first menu item without affecting the position of the search box. Using a margin-left attribute in #masthead moved the search box and the header still moves too much when the window is resized as well.

    #site-identity {
    margin-top:80px;
    }
    #masthead {
    background-position:left;
    }

    @media(max-width: 769px) {

    .site-header {
    min-height: 0px;
    }

    #page #masthead {

    padding-bottom: 0px;

    }

    }

    @media only screen and (max-width: 479px) {
    #page #masthead {
    padding-top: 0px;
    }
    }

    February 3, 2017 at 2:18 am #30851
    wensolutions
    Keymaster

    Hello @DB4Y

    To solve your issue using CSS is bit tedious so in order to solve the issue we prefer the child theme approach.

    At first create the child theme . For creating the child theme you can refer to below link:

    https://codex.wordpress.org/Child_Themes

    You can also create the child theme using plugin. As there are many such plugin, below is one of them.

    https://wordpress.org/plugins/wp-child-theme-generator/

    After creating and activating the child theme paste below code in your child themes functions.php file.

    function education_hub_header_start() {
    		$extra_class = '';
    	?>
    
    	<div class="container"><div class="row"><header id="masthead" class="site-header" role="banner">
    	<?php
    	}
    
    	function education_hub_header_end() {
    	?></header><!-- #masthead --></div><!-- .row --></div><!-- .container --><?php
    	}

    Hope this helps.

    If this does not solve your issue please let us know.

    Best Regards!!

    February 3, 2017 at 10:53 am #30898
    DB4Y
    Participant

    This didn’t work. It actually messed around with my entire layout. Widgets were removed, the layout was changed, certain data was set to default, etc. When I deactivated the plugin and restored the regular pro theme the issues remained. I ended up having to restore a database backup to get my site back prior to the changes. Did I do something wrong? Anyhow, I’ll change my header image size to the recommended or just use the site logo/title instead. Thank you anyway.

    February 4, 2017 at 8:28 am #30970
    wensolutions
    Keymaster

    @db4y,

    It would have really been easy to provide the direct solution if we could see the current issue in some form like screenshot or your site URL (currently seen in construction phase). We are finding our way to get straight to your issue in short time without waiting much time in issue understanding. Let us know how we can help you further.

    Thank you.

  • Author
    Posts
Viewing 5 posts - 1 through 5 (of 5 total)
  • You must be logged in to reply to this topic.
Log In
Message Icon

Need Expert's Help ?

It's easy. Hire our customizer team for all types of enhancements out-of-the box.

Recent Topics

  • First line of text next to picture tot low
  • Can’t Update Theme
  • Theme Show Only One Column
  • Increase the width of the feature image and content area within the page
  • Mobile Menu not working
  • hide the page header
  • Change the color of menu links select state and hover state
  • Travel Joy Demo
  • Header image doesn’t show on front page
  • Static Front Page doesn’t show
  • License Renewal
  • Size of portrait pictures in featured slider
  • Translation of a sentence “Select Date and Pricing Options for…”
  • Changing Colors and Header Images don’t persist after publishing
  • Support for PHP 8 and 8.2
  • Home page event section –
  • Featured Content
  • How can I re -arrange the order of different categories/trip type?
  • Rearrange Home page Options
  • Grid/Block menu with pictures alignment problem and url links don’t work?
  • Top Icons and Get rid of Header Image with CSS
  • Changing background color of masonry
  • How to remove Author on blog page and also next and previous post?
  • Anchor link requires 2 touches on iOS mobile Safari
  • Google Tracking Tag?
  • Adjust background picture in mobile phone mode
  • PhotoBrust Child Theme
  • How to get rid of search?
  • New Changes/Media not appearing in live portal
  • Unable to add categories
FAQ Faq
Support Forum Support Forum
Theme instructions Theme instructions
Plugin Instructions Plugin Instructions
Logo
Theme Palace is a platform where you can explore amazing themes curated by our team from our experienced designers, as well as from independent creators with secure and standard coding. Moreover we provide plugins from a very experienced developers.

About

  • Themes
  • Plugins
  • Blog

Support

  • Support Forum
  • FAQ
  • Theme Instructions

Legal

  • Terms & Conditions
  • Privacy Policy
Copyright © 2023 Theme Palace. All Rights Reserved
  • Facebook
  • Twitter
Premium WordPress Themes & Plugins Marketplace
Scroll Up
We use cookies on our website to give you the most relevant experience by remembering your preferences and repeat visits. By clicking “Accept All”, you consent to the use of ALL the cookies. However, you may visit "Cookie Settings" to provide a controlled consent.
Cookie SettingsAccept All
Manage consent

Privacy Overview

This website uses cookies to improve your experience while you navigate through the website. Out of these, the cookies that are categorized as necessary are stored on your browser as they are essential for the working of basic functionalities of the website. We also use third-party cookies that help us analyze and understand how you use this website. These cookies will be stored in your browser only with your consent. You also have the option to opt-out of these cookies. But opting out of some of these cookies may affect your browsing experience.
Necessary
Always Enabled
Necessary cookies are absolutely essential for the website to function properly. These cookies ensure basic functionalities and security features of the website, anonymously.
CookieDurationDescription
cookielawinfo-checkbox-analytics11 monthsThis cookie is set by GDPR Cookie Consent plugin. The cookie is used to store the user consent for the cookies in the category "Analytics".
cookielawinfo-checkbox-functional11 monthsThe cookie is set by GDPR cookie consent to record the user consent for the cookies in the category "Functional".
cookielawinfo-checkbox-necessary11 monthsThis cookie is set by GDPR Cookie Consent plugin. The cookies is used to store the user consent for the cookies in the category "Necessary".
cookielawinfo-checkbox-others11 monthsThis cookie is set by GDPR Cookie Consent plugin. The cookie is used to store the user consent for the cookies in the category "Other.
cookielawinfo-checkbox-performance11 monthsThis cookie is set by GDPR Cookie Consent plugin. The cookie is used to store the user consent for the cookies in the category "Performance".
viewed_cookie_policy11 monthsThe cookie is set by the GDPR Cookie Consent plugin and is used to store whether or not user has consented to the use of cookies. It does not store any personal data.
Functional
Functional cookies help to perform certain functionalities like sharing the content of the website on social media platforms, collect feedbacks, and other third-party features.
Performance
Performance cookies are used to understand and analyze the key performance indexes of the website which helps in delivering a better user experience for the visitors.
Analytics
Analytical cookies are used to understand how visitors interact with the website. These cookies help provide information on metrics the number of visitors, bounce rate, traffic source, etc.
Advertisement
Advertisement cookies are used to provide visitors with relevant ads and marketing campaigns. These cookies track visitors across websites and collect information to provide customized ads.
Others
Other uncategorized cookies are those that are being analyzed and have not been classified into a category as yet.
SAVE & ACCEPT

By continuing to use the site, you agree to the use of cookies. more information

The cookie settings on this website are set to "allow cookies" to give you the best browsing experience possible. If you continue to use this website without changing your cookie settings or you click "Accept" below then you are consenting to this.

Close