• Skip to primary navigation
  • Skip to main content
  • Skip to primary sidebar

WP SITES

2785

Original Genesis & WooCommerce Tutorials & 6000+ Guaranteed Code

Snippets

  • Try Premium
  • Log in

Custom Header Modifications To Executive Pro Theme

This tutorial includes the work a client hired me for recently.

Here’s what the client wanted:

custom-header

And here’s how the client wanted the header to look on smaller screens:

mobile

The work involved:

  • Modification of the custom header function
  • Addition of 2 widgets before the header
  • Use of search widget and text widget in the before header left widget
  • Use of the language selector in the right before header widget
  • Addition of CSS for media queries
  • Modifications made to default CSS

Register for full access

Reader Interactions

Comments

  1. Becky Bruso says

    May 27, 2017 at 8:28 am

    Hi Brad-

    How would I simply center it on all screens/devices? I have a natural image size of 768X 160. The Theme shrinks the size down. So I had to enlarge it to ensure that it was croppable to the 768x 160. I have been able to this but not able to center it.

    I can provide you with the website link via private email, so that you may see what it look like now.

    here is the code i used: (functions.php ) width of 1140 and height of 180 were used to allow the image to be able to not shrunken down from its original size of 768 X 163.

    What I added on my own. and doesn’t do anything.

    .header-logo {
        padding: 0;
        margin: 0 auto !important;
    }

    Please let me know if you have a solution for this.

    Thank you.

    Becky

    Log in to Reply
    • Brad Dalton says

      May 28, 2017 at 9:33 pm

      Link to a live site please so i can inspect the CSS.

      Log in to Reply
      • Becky Bruso says

        May 29, 2017 at 5:06 am

        Hi Brad- I have sent you the credentials via email. Thank you.

        Log in to Reply

Leave a Reply Cancel reply

You must be logged in to post a comment.

Primary Sidebar

Code written by Brad Dalton specialist for Genesis, WooCommerce & WordPress theme customization. Read More…

Advertise · WPEngine · Genesis · Log in

  • Access Problems
  • Account Details
  • Consulting
  • Tags
 

Loading Comments...
 

You must be logged in to post a comment.