Viewing 16 posts - 1 through 16 (of 16 total)
  • Author
    Posts
  • #897730

    Hi! im trying to put in top bar, first a phone icon followed by the number and then another icon followed by email adress.
    But if i put shortcode, then phone number, then shortcode, then email, both icons appear at left, before all the text.
    How can i do this? this is what i need

    http://test.juansabatino.com/wp-content/uploads/2018/01/topbar.jpg

    #897916

    Hey jjsabatino,

    Did you make sure to close the markup you added?

    <span>Your content</span>

    If that is not the problem then please post admin login details in private so that we can have a closer look.

    Best regards,
    Rikard

    #898061

    Thanks Rikard that works great!
    Now i need to put that exact same text and icons in the right part of the socket, i tried creating a menu and applying it to the socket but doesnt look the same.

    #898463

    Hi jjsabatino,

    How are you adding them to the socket?

    Can you give us temporary admin access to your website in the private content box below, so that we can have a closer look?

    Best regards,
    Victoria

    #899237

    Sure, i tried adding them as secondary menu, but no luck. i need them to look exactly like the one on top

    here´s the access, thank you!

    #900661

    Hi jjsabatino,

    The link above did not take me to the dashboard and I do not see the links in the footer.

    Best regards,
    Victoria

    #900755

    Sorry, it expired during the weekend, here it is again.

    #901270

    Hi jjsabatino,

    Looks the same to me. Does it not? Can you please specify again what help you need with that?
    Could you please clear the cache, check again and get back to us.

    Best regards,
    Victoria

    #901339

    Hi Victoria. I clear cache, and it´s not looking the same. The spacing is not the same. I need it to be like the one on top. In the socket the spacing between items and between the mail and the social link is bigger and i can´t make it smaller.

    #901349

    Hi jjsabatino,

    Here is the code you can put in Enfold > General Styling > Quick Css,  if it does not work, put into themes/enfold/css/custom.css

    
    #socket .sub_menu_socket li {
        padding: 0 3px;
    }
    #socket .social_bookmarks {
        margin: -10px 0 0 8px;
    }
    

    If you need further assistance please let us know.

    Best regards,
    Victoria

    #901603

    Yesssssssssssssss thank you thank you! that´s perfect

    Now, since you are here, i have one more and small issue. I need the active menu indicator to be a black background. I managed to do that, but, i can´t seem to make it go all the way to the small separator at the right of the word. The background stops once the word is finished and then i get a white space.

    This is what i´m getting
    http://test.juansabatino.com/wp-content/uploads/2018/01/menu-1.jpg

    This is what i need (made with photoshop)
    http://test.juansabatino.com/wp-content/uploads/2018/01/menu-2.jpg

    How can i do this?

    #901729

    Hi,

    Try adding this to quick css:

    .av_seperator_small_border .av-main-nav > li > a > .avia-menu-text{
    padding-right:13px!important;
    }

    Best regards,
    Jordan Shannon

    #901732

    Hi jordan! that works partially. It adds black but it´s also moving the separator, so i get blank space. So that´s not what i need. I need the black to cover from separator to separator

    #901810

    Hi,

    Try using this css code:

    #header #avia-menu li > a {
        padding-right: 0 !important;
    }
    
    .av_seperator_small_border .av-main-nav > li > a > .avia-menu-text {
        padding-right: 13px !important;
    }

    Hope this helps :)

    Best regards,
    Nikko

    #902119

    Thanx Nikko, that works like a charm! you can close this now.

    Thank you again for your always amazing support

    #902181

    Hi,

    Glad we could help. Thanks for using Enfold! Have a great day! :)

    Best regards,
    Nikko

Viewing 16 posts - 1 through 16 (of 16 total)
  • The topic ‘two icons in top bar problem’ is closed to new replies.