Docs

[Marmalade]

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?

https://community.theme.co/forums/topic/phone-number-on-right-side-of-main-nav-bar/page/2/

[Jade]

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.

[Marmalade]

This reply has been marked as private.

[Rue Nel]

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.

[Marmalade]

This reply has been marked as private.

[Marmalade]

This reply has been marked as private.

[Rue Nel]

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.

[Marmalade]

This reply has been marked as private.

[Paul R]

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

[Marmalade]

This reply has been marked as private.

[Christopher]

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.

[Marmalade]

This reply has been marked as private.

[Christopher]

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.

[Marmalade]

This reply has been marked as private.

[Paul R]

Hi,

You can activate it under Appearance > Themes.

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

Thanks

[Author]

Posts