Viewing 14 posts - 1 through 14 (of 14 total)
  • Author
    Posts
  • October 1, 2013 at 9:09 pm #168956
    finessecreative

    Hi guys,

    I have a client that wants the phone no, not in the top gray bar, but down a bit and in between that top bar and the menu.

    Is this possible?

    Thanks

    Masten

    October 2, 2013 at 1:20 am #169078
    Yigit

    Hey finessecreative!

    What type of header are you using? And link to your website would be useful :)

    Cheers!
    Yigit

    October 7, 2013 at 12:14 pm #171560
    finessecreative

    Hi Yigit

    Url here http://217.147.86.171/~mainline/

    Using fixed header with additional icon and fixed navigation.

    Cheers

    Masten

    October 7, 2013 at 3:41 pm #171661
    Yigit

    Hey!

    Please add following code to Quick CSS in Enfold theme options under Styling tab

    .social_header .phone-info { margin-top: 40px; }
.social_header .phone-info.with_nav span { border-style: none; }

    Regards,
    Yigit

    October 7, 2013 at 5:22 pm #171716
    finessecreative

    Hey Yigit

    That’s great worked a treat but the nav needs moving to the right now so it’s above it.

    Thought this would work

    #top .sub_menu > ul {
    float: right;
    }

    But if you do that the phone no. jumps to the left. They both need justifying to the right of the page

    Thanks

    Masten

    October 7, 2013 at 5:27 pm #171721
    finessecreative

    Oh just seen another problem. When you scroll up the menu bangs against the phone no. Only way to sort this out I imagine is to disable the way the header collapses when you scroll. Is that possible?

    Thanks

    Masten

    October 7, 2013 at 11:36 pm #171940
    Yigit

    Hi!

    Yes, you can choose non-fixed one in Enfold theme options > Header > Header Type. Please do so then i will take a look at it

    Regards,
    Yigit

    October 8, 2013 at 12:26 pm #172174
    finessecreative

    Hi Yigit

    Yeah chosen the non-fixed one.

    Nav needs moving across to justify right and also the ‘home page’ icon, has shot to the top now and needs centering. There’s also a weird green line appeared underneatht the icon.

    Thanks

    Masten

    October 9, 2013 at 3:25 am #172836
    Ismael

    Hi!

    You can add this on your custom.css or Quick CSS:

    #top .sub_menu>ul {
float: right;
}

.social_header .phone-info {
margin-top: 0;
position: absolute;
top: 40px;
height: 80px;
}

#menu-item-2594 > a {
text-indent: -9999px;
background: url('http://217.147.86.171/~mainline/wp-content/uploads/menu_home_symbol.png') no-repeat center center;
width: 50px;
height: 26px;
position: absolute;
top: 40px;
right: 5px;
}

    Best regards,
    Ismael

    October 9, 2013 at 12:05 pm #172962
    finessecreative

    Hi Yigit,

    Thanks. Have put that in and it’s nearly done it, but there’s still a line under the ‘home’ icon and also the menus don’t appear now on hover on ‘for homes’ and ‘for business’ .

    Is there a way to fix that?

    Many thanks

    Masten

    October 9, 2013 at 3:44 pm #173079
    Yigit

    Hey!

    Please add following code to Quick CSS 

    .social_header .phone-info { height: 20px; }
#menu-item-2594 .avia-menu-fx { display: none; }

    Regards,
    Yigit

    October 18, 2013 at 11:54 am #177352
    finessecreative

    Hi Yigit,

    http://217.147.86.171/~mainline/

    That fixed those things but the phone no. now justifies left underneath the top nav bar. When you add more menu items it keeps moving left. If possible it needs to be justified right underneath the far right hand side of the nav bar.

    Thanks a lot

    Masten

    October 18, 2013 at 5:07 pm #177495
    Yigit

    Hi!

    Please add following code as well

    .social_header .phone-info { right: 0!important; }

    Cheers!
    Yigit

    October 21, 2013 at 12:06 pm #178367
    finessecreative

    Awesome! Thanks

    M

  • Author
    Posts
Viewing 14 posts - 1 through 14 (of 14 total)
  • The topic ‘Moving the phone number’ is closed to new replies.