WordPress.org

Ready to get started?Download WordPress

Forums

WP-TopBar
[resolved] Logo - Menu - Social - Icons (9 posts)

  1. Joeys Gym
    Member
    Posted 8 months ago #

    Hi

    great plug in I did try my own code for a header bar but was recommended by Elegant Themes to use this when I asked the same question with my header.

    My problem is this I want to make my Logo and Menu and Social Icosns sit on top of the Header Topbar. I have tried lots of different code all morning Fixed, Absolute etc, I have tried setting Z-Index but with not joy.
    Any help you can give will be appreciated I would also like the size of Top bar to be 70px so all 3 items above sit on it comfortable.

    Thanks for any help you can give me. If you need log on details let me know and I will email you these.

    Thanks again

    http://wordpress.org/plugins/wp-topbar/

  2. Joeys Gym
    Member
    Posted 8 months ago #

    Hi I forgot to add the domain

    http://www.joeysgym.co.uk

    thanks again

  3. Bob
    Member
    Plugin Author

    Posted 8 months ago #

    Have you looked at the Samples? One of them is larger and you can use that as a model on how to make the TopBar bigger.

    I think it also puts the Bar lower on the page.

  4. Joeys Gym
    Member
    Posted 8 months ago #

    Hi Bob thanks for getting back to me, I will look at the other samples I did see them, but my main concern is that I want the logo, menu and social icons to sit on top of the Header Bar, currently the Header Bar sits on top of these items.

    If it helps I can send an image which will explain it a bit more, I have tried the last two days to sort this out with various code.

    Any guidance you can give me would be appreciated Bob

    Thanks in advance

    Martin

  5. Bob
    Member
    Plugin Author

    Posted 8 months ago #

    I used the sample that looks like a filmstrip.

    I then changed CSS Option C to:

    position:fixed; top: 150px; padding:0; margin:0; width: 100%; z-index: 99999;

    It floated the TopBar down the screen. Adjust the 150px to what you need.

  6. Joeys Gym
    Member
    Posted 8 months ago #

    Hi Joey,

    thanks for getting back to me I appreciate the information, advice and guidance. I have carried out your instructions but it just bring it down below the Logo, the menu and the social media icons. What I want to do is take it behind these. So infact the Logo the menu and the social media icons sit on top of the top bar.

    Overlaying it. If this is not possible cool I will just go back to the drawing board and thank you for your help and plugin which I will use in other websites but it would be good if I could work this out with your help.

    warm wishes

    Martin and thanks gain for your support, lets try and crack this I have even tried to Z-Index these items with your top bar but it did not work.

  7. Joeys Gym
    Member
    Posted 8 months ago #

    Hi Bob,

    have you any update on how top put the topbar behind my menus.

    warm wishes

    Martin

  8. Bob
    Member
    Plugin Author

    Posted 8 months ago #

    Sorry, I mis-read the previous posting that you were no longer going to use the TopBar.

    Can you send me an image of what you are trying to do? I don't understand your request.

    Bob

  9. Bob
    Member
    Plugin Author

    Posted 7 months ago #

    Closed -- no response in over a week.

Reply

You must log in to post.

About this Plugin

About this Topic

Tags