Web Hosting
  1. This site uses cookies. By continuing to use this site, you are agreeing to our use of cookies. Learn More.

Modify Header in OnePress

Discussion in 'Troubleshooting & How-To's' started by Tommy B, Aug 5, 2017.

  1. Tommy B

    New Member

    Joined:
    Aug 5, 2017
    Messages:
    1
    Likes Received:
    0
    So I'm trying to mirror some headers I see all over the web. Most themes miss the big picture of needing a phone number in the header, not a thin link at the top of the header, the actual header itself. There are a couple ways I've seen, but I'm not sure how to achieve it.

    Phone link and contact link on left side of header that collapses the logo, phone, contant, and then toggle on mobile: (see attached)

    I'm using OnePress, but ultimately I want to create my own theme. I'm just not there yet.


    function onepress_site_header(){
    ?>
    <header id="masthead" class="site-header" role="banner">
    <div class="container">
    <div class="site-branding">
    <?php
    onepress_site_logo();
    ?>
    </div>
    <!-- .site-branding -->
    <div class="header-right-wrapper">
    <a href="#0" id="nav-toggle"><?php _e('Menu', 'onepress'); ?><span></span></a>
    <nav id="site-navigation" class="main-navigation" role="navigation">
    <ul class="onepress-menu">
    <?php wp_nav_menu(array('theme_location' => 'primary', 'container' => '', 'items_wrap' => '%3$s')); ?>
    </ul>
    </nav>
    <!-- #site-navigation -->
    </div>
    </div>
    </header><!-- #masthead -->
    <?php
     

    Attached Files:

    #1

Share This Page

Web Hosting