Navigation
Archive / Need to put a phone number and email to the left of the logo in laptop and below
This is archived content. Visit our new forum.

Tagged: 

1 2
  • Author
    Posts
  • February 28, 2017 at 5:03 am #1388560

    Marmalade
    Participant

    Need to put a phone number and email to the left of the logo in laptop and below the menu in tablet and mobile view. I have had a look at the below and tried to replicate but not joy. please advise?

    Phone Number on Right Side of Main NAV Bar

    February 28, 2017 at 8:23 am #1388782

    Jade
    Moderator

    Hi there,

    Thanks for writing in! To assist you with this issue, we’ll first need you to provide us with your URL. This is to ensure that we can provide you with a tailored answer to your situation. Once you have provided us with your URL, we will be happy to assist you with everything.

    March 3, 2017 at 7:04 am #1393231

    Marmalade
    Participant
    This reply has been marked as private.
    March 3, 2017 at 6:17 pm #1393872

    Rue Nel
    Moderator

    Hi Oliver,

    Thanks for updating in! I have added your site in my host file and when I checked your site, I am just seeing this:
    http://prntscr.com/efr5r1

    Would you mind sending us some screenshots of your site so that we have an idea of how does it looks like.

    Thank you in advance.

    March 4, 2017 at 8:14 am #1394393

    Marmalade
    Participant
    This reply has been marked as private.
    March 4, 2017 at 8:17 am #1394395

    Marmalade
    Participant
    This reply has been marked as private.
    March 4, 2017 at 11:50 pm #1394802

    Rue Nel
    Moderator

    Hello There,

    Thanks for updating in! It is still not working for us. Please double check it again.

    By the way, could you please provide some screenshot so that we will have an idea of how your site looks like. We want to compare your site and see if the code in the given thread applies to your site.

    Please let us know how it goes.

    March 6, 2017 at 6:44 am #1396132

    Marmalade
    Participant
    This reply has been marked as private.
    March 6, 2017 at 8:05 am #1396248

    Paul R
    Moderator

    Hi,

    To achieve that, you can add this in your child theme’s functions.php file.

    
function add_header_left( ) {
?>

 <div class="header-left"> 
Phone: (123) 123-4567 <br>
Email: email@yoursite.com
 </div>
<?php
}

add_filter( 'x_after_view_global__brand', 'add_header_left' );

    Then add this in custom css

    
.header-left {
   display:block;
   float:left;
}

@media (max-width: 979px) {
.header-left {
   display:block;
   float:none;
   width:100%;
   clear:both;
   padding:20px 0;
   text-align:center;
}
}

    Hope that helps

    March 7, 2017 at 4:12 am #1397480

    Marmalade
    Participant
    This reply has been marked as private.
    March 7, 2017 at 5:21 am #1397554

    Christopher
    Moderator

    Hi there,

    Because this requires a template change, I’d advise that you setup a child theme. This allows you to make code changes that won’t be overwritten when an X update is released. After your child theme is setup, please review how we recommend making template changes in Customization Best Practices.

    Thanks.

    March 7, 2017 at 2:55 pm #1398251

    Marmalade
    Participant
    This reply has been marked as private.
    March 8, 2017 at 12:58 am #1398712

    Christopher
    Moderator

    Hi there,

    You won’t loose your content by activating child theme. Please export customizer setting under X addons page and import it after activating child theme.

    Hope it helps.

    March 13, 2017 at 6:25 am #1404731

    Marmalade
    Participant
    This reply has been marked as private.
    March 13, 2017 at 8:11 am #1404824

    Paul R
    Moderator

    Hi,

    You can activate it under Appearance > Themes.

    See screenshot – https://www.screencast.com/t/yHfXuRHe3Bm8

    Thanks

  • Author
    Posts
1 2