Need a contact info bar in my header

I'm looking to add a small bar to the top of my header with phone number, email address and other social icons, like on the site https://www.+++works.com/ (Just the top bar, not the we call you form. see Screenshot)

  • Kris
    • Support

    Hi Elena

    Hope you are doing good today.

    To help you better with this issue we will need your FTP access.

    Please send it through our secure contact form here https://premium.wpmudev.org/contact/#i-have-a-different-question and make sure that subject is "I have a different question" and:
    - Mark to my attention: ATTN: Krzysztof Tomczyk
    - FTP credentials (host / username / password)
    - Link back to this thread

    Please confirm here in thread that you have sent that message.

    Kind Regards,
    Kris

  • Kris
    • Support

    Hi Elena

    Thank you for all details.
    How evev login and password to site does not work, when I try to log in I get error message:
    ERROR: La contraseña que has introducido para el usuario helenalynn es incorrecta

    Also data for FTP are incomplete. The is only host and user name, no password.
    Can you double check this on your side and test before send, then re-send those data again following above guide
    https://premium.wpmudev.org/forums/topic/need-a-contact-info-bar-in-my-header#post-1362223

    Kind Regards,
    Kris

  • Kris
    • Support

    Hi Elena

    Here are the steps I made on your site:

    1. I added in your theme functions.php file this code to register custom sidebar

    function arphabet_widgets_init() {
    
    	register_sidebar( array(
    		'name'          => 'TOP SIDEBAR',
    		'id'            => 'top_sidebar',
    		'before_widget' => '<div>',
    		'after_widget'  => '</div>',
    		'before_title'  => '<h2 class="rounded">',
    		'after_title'   => '</h2>',
    	) );
    
    }
    add_action( 'widgets_init', 'arphabet_widgets_init' );

    2. in your header.php I added this code to call this widget:

    <?php if ( is_active_sidebar( 'top_sidebar' ) ) : ?>
    	<div id="topsidebar">
    		<?php dynamic_sidebar( 'top_sidebar' ); ?>
    	</div>
    <?php endif; ?>

    3. I added custom css in yout theme additional css section to make some look of this widget:

    #topsidebar {position:fixed; left:0; top:0; width:100%; z-index:9999; height:25px; line-height:25px; text-align:right; padding:0; background:#fff;}
    #topsidebar p {margin:0; padding:0;text-align:right;}
    #topsidebar div {float:right; margin:0 20px;text-align:right;}

    there is value as you can see background:#fff;, which make this widget white. You can edit that part of css and change that color.
    Here you will find some generator for HTML Color Picker https://www.w3schools.com/colors/colors_picker.asp (for example: #ddccff or #cc0066)

    Sidebar test will look like this:

    Right now there are no sidebars added. You can add it here in your dashboard:
    /wp-admin/widgets.php
    Choose "TEXTTO" and add to SIDEBAR TOP + add some text there + save.

    Note if you add something to top sidebar you need also a fix for menu. This code need to be added to additional css section in your theme:
    .classic-menu.mini-active.fixed.ready {top:23px;}
    If there will be no widget in top sidebar css fix code for menu need to be removed.

    Hope this help :slight_smile:

    Kind Regards,
    Kris

Thank NAME, for their help.

Let NAME know exactly why they deserved these points.

Gift a custom amount of points.