Viewing 14 posts - 1 through 14 (of 14 total)
  • Author
    Posts
  • August 25, 2016 at 10:29 am #677423
    saint181

    HI,
    Was looking at a phone number right of the logo.
    reb.webhostingwollongong.com.au

    I would like the phone number to appear as a good size between logo and social icons in the header / menu area.
    https://snag.gy/gMCtdI.jpg

    Much like the phone number and email on this website
    http://www.junglegardens.com.au/

    Is this able to be done with some CSS>

    thanks

    August 26, 2016 at 7:24 am #677974
    Rikard

    Hi saint181,

    I can’t see a phone number on your site? If you are adding it through the theme options you can control it with the following CSS: 

    .phone-info span {
YOUR CSS HERE
}

    Thanks,
    Rikard

    August 27, 2016 at 8:16 am #678402
    saint181

    Thanks, no i havent added phone number as i dont know how to get it into the position i want.

    My testing site reb.webhostingwollongong.com.au
    .
    but would like a phone number like this site in the same postilion about third from the right. http://www.junglegardens.com.au/

    Is there a way with css?

    August 28, 2016 at 12:56 pm #678618
    Vinay

    Hi,

    Please add the phone number info in Enfold > Header > Extra Elements section and we can help you with the css.

    Best regards,
    Vinay

    August 30, 2016 at 11:37 am #679339
    saint181

    Thanks I have added.

    are you able to help with css to put in the header? Same theme colour etc

    September 1, 2016 at 3:17 pm #680768
    Yigit

    Hi,

    Please refer to this post – http://kriesi.at/documentation/enfold/adding-a-widget-area-to-the-header/

    Best regards,
    Yigit

    September 3, 2016 at 1:26 am #681497
    saint181

    Thanks DID that, here is the result.

    Home

    roughly this is what i am after
    https://snag.gy/C1Ikym.jpg

    Here is access if you need it.

    Cheers

    September 6, 2016 at 4:25 am #682396
    Rikard

    Hi,

    Did you add the CSS from the link Yigit sent as well? It looks like you did not. Also, please add some content to the widget as it’s difficult for us to find it otherwise.

    Regards,
    Rikard

    September 6, 2016 at 6:59 am #682474
    saint181

    Thanks Added that, however if you check i stil lhave the widget on the left and the phone number is not where i would like with all that white sapce?

    September 8, 2016 at 7:01 pm #683846
    Vinay

    Hi,

    I tried to troubleshoot this issue but the login credentials you provided has limited role. Would you mind checking once again and then send us working login credentials?

    The user role for the account you send us should be set to ‘administrator’ so we can try to disable all plugins and add custom code (if necessary) to resolve the issue.

    Best regards,
    Vinay

    September 9, 2016 at 1:37 am #683941
    saint181

    HI,

    Changes made, please try again.

    September 10, 2016 at 11:05 pm #684606
    Vinay

    Hi,

    The CSS code should be added to Enfold > General Styling > Quick CSS
    We added the below code to quick css

    .phone-top {
color:#FFF;
font-size:30px;
font-weight:600;
}
.email-top {
color:#FFF;
font-size:14px;
font-weight:200;
}
#header .widget {
  right: 20%;
  padding-top: 50px;
  position: absolute;
  top: 0;
  transform: translate(10%);
  z-index: 999;
}
@media only screen and (max-width:480px) {
	#header .widget {
  right: 0%;
  padding-top: 0px;
  position: absolute;
  transform: translate(0%);
z-index:9999;
}
}

    and in the Appearance > Header Widget area added the below html

    <span class="phone-top">1300 832 658</span> </br>
<span class="email-top"> (Email address hidden if logged out) </span>

    Let us know if you have any questions.

    Best regards,
    Vinay

    September 11, 2016 at 1:07 am #684636
    saint181

    Many thanks,

    Magic. Well done and thank you very much :-)

    September 12, 2016 at 6:06 am #684879
    Rikard

    Hi,

    Great, glad we could help :-)

    Please open a new thread if you should have any further questions or problems.

    Best regards,
    Rikard

  • Author
    Posts
Viewing 14 posts - 1 through 14 (of 14 total)
  • The topic ‘Phone Number – Header or Menu’ is closed to new replies.