New Landing How can we help? Themeforest Theme Support Flexform Top Bar – Text on the left and social media icons on the right

Viewing 15 posts - 1 through 15 (of 23 total)
  • Posted in: Flexform
  • #58491
    helloweb31
    Member
    Post count: 67

    Hi, I have text and social medi icons in my top bar.
    At the moment the social media icons automatically are set on the left side of the top bar and the text is to the right of them.

    I would like to split the two sections and have my social media icons pushed to the right border of the top bar and my text on the left border of the top bar section.

    How to do this?

    Thanks for your assistance.

    #58499
    Mohammad – SUPPORT
    Moderator
    Post count: 27441

    Hi,
    Please attach screenshot with marked text for your desire request change so i may provide any possible solution .

    Thanks ๐Ÿ™‚
    With Best Regards
    Swift Ideas

    #58570
    helloweb31
    Member
    Post count: 67
    This reply has been marked as private.
    #58616
    Mohammad – SUPPORT
    Moderator
    Post count: 27441

    Hi,
    Please share website URL with wordpress admin login detail so i can check and fix the issues .
    Thanks

    #58657
    helloweb31
    Member
    Post count: 67
    This reply has been marked as private.
    #58670
    Mohammad – SUPPORT
    Moderator
    Post count: 27441

    Hi,
    Please use this custom css
    .top-bar-menu-right #top-bar-social > ul {float:right;}

    Hope it should work 100% .

    #58688
    helloweb31
    Member
    Post count: 67
    This reply has been marked as private.
    #58689
    helloweb31
    Member
    Post count: 67

    Sorry, had to clear cache. It pushes the symbols to the right of the text. That’s just fine.

    What would be the procedure to push the social icons to the far right border of the top bar?

    THANK YOU

    #58698
    Mohammad – SUPPORT
    Moderator
    Post count: 27441

    Hi,
    Please opne to edit header.php

    Find this code at line 300 
    <div id="top-bar-social" class="span4 clearfix">
    Replace with 
    <div id="top-bar-social" class="span12 clearfix"> 

    Hopefully it should work 100% .

    #58743
    helloweb31
    Member
    Post count: 67

    Thanks!

    #58744
    Mohammad – SUPPORT
    Moderator
    Post count: 27441

    Hi,
    You most welcome
    Thanks ๐Ÿ™‚
    With Best Regards
    Swift Ideas

    #61897
    clickicase
    Member
    Post count: 20

    Hi,

    I can’t believed I had to write so many emails about the right bar social menu icons – I have 2 problems with it: the icons are too big and they don’t aligned on the right side.
    here my site link: http://www.clickicase.com

    this is the code i entered for the social icons in the header section: [social style=’light’ type=’dribbble,facebook,twitter,vimeo,youtube,tumblr’]

    i tried also to add this in the custom css – it’s not working .top-bar-menu-right #top-bar-social > ul {float:right;}

    please help thanks

    #61970
    Mohammad – SUPPORT
    Moderator
    Post count: 27441

    HI,
    Please use the code like that
    [social size=”small” style=’light’ type=’dribbble,facebook,twitter,vimeo,youtube,tumblr’]

    I am sure that will fix your issue easily .

    Thanks ๐Ÿ™‚
    With Best Regards
    Swift Ideas

    #62542
    clickicase
    Member
    Post count: 20

    perfect. thanks

    #62546
    Mohammad – SUPPORT
    Moderator
    Post count: 27441

    Hi,
    You most welcome
    Thanks ๐Ÿ™‚
    With Best Regards
    Swift Ideas

Viewing 15 posts - 1 through 15 (of 23 total)

You must be logged in and have valid license to reply to this topic.

License required for one of the following items
Login and Registration Log in · Register