Viewing 14 posts - 1 through 14 (of 14 total)
  • Author
    Posts
  • #168956

    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

    #169078

    Hey finessecreative!

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

    Cheers!
    Yigit

    #171560

    Hi Yigit

    Url here http://217.147.86.171/~mainline/

    Using fixed header with additional icon and fixed navigation.

    Cheers

    Masten

    #171661

    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

    #171716

    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

    #171721

    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

    #171940

    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

    #172174

    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

    #172836

    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

    #172962

    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

    #173079

    Hey!

    Please add following code to Quick CSS

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

    Regards,
    Yigit

    #177352

    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

    #177495

    Hi!

    Please add following code as well

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

    Cheers!
    Yigit

    #178367

    Awesome! Thanks

    M

Viewing 14 posts - 1 through 14 (of 14 total)

The topic ‘Moving the phone number’ is closed to new replies.