Viewing 18 posts - 1 through 18 (of 18 total)
  • Author
    Posts
  • April 15, 2013 at 7:15 pm #7049
    FordTheWord
    Member

    Is there any easy way to do this?

    And one more question, is there a simple way to make the menu “stick” on top of screen when scrolling? So it’s there all the time, like Facebook, etc.

    Thanks

    April 15, 2013 at 9:56 pm #7062
    Sakin
    Keymaster

    @FordTheWord: Please post your site URL here and also let me know in which position you want to change you logo to. I am not so clear about your question.

    About the menu stick on top of screen when scrolling. Sorry for this you need expert help from CSS developer. So, consider hiring someone by posting on http://jobs.wordpress.net/ or tweaky.

    April 16, 2013 at 1:03 am #7084
    FordTheWord
    Member

    Hello and thank you for your quick reply. I made a picture to show what I mean with the logo, I simply want it adjusted on the right side of the header instead of the left, according to the picture the normal place is “A” , but I would like my logo instead to be on place “B”.

    Here’s the reference picture which should explain where I’d like the logo:

    https://www.dropbox.com/s/u6hq3e9umz97byr/exampleforsupport.jpg

    And thank you for the suggestion with the stick menu, I almost succeeded actually since there’s a plugin called:

    http://wordpress.org/extend/plugins/avishi-floating-horizontal-navigation/ which almost works, but the menu gets longer when scrolled to top view.

    April 16, 2013 at 11:38 am #7103
    Sakin
    Keymaster

    @FordTheWord: I need to see your site to give you exact css. But you can try adding in the following CSS in “Custom CSS” box in Theme Options panel to mode the header image to right.
    .logo-wrap { float: right; }

    April 16, 2013 at 1:35 pm #7108
    FordTheWord
    Member

    Thank you very much! That did it! 🙂 Great support service!

    I’ll go on while I’m ahead. Is there any way of making the active submenu-choice be highlighted? So when someone moves into submenus it will be easy to see what page they are on?

    April 16, 2013 at 1:37 pm #7109
    FordTheWord
    Member

    Thank you very much! That did it! 🙂 Great support service!

    I’ll go on while I’m ahead. Is there any way of making the active submenu-choice be highlighted? So when someone moves into submenus it will be easy to see what page they are on?

    And to change the background colour on menu?

    And finally, do all these CSS suggestions you give work on your other themes or only on the specific theme the question is asked on? In my case CatchBox Pro.

    April 16, 2013 at 4:14 pm #7129
    Sakin
    Keymaster

    @FordTheWord: For details changes I need your site URL. As the custom css is mostly different in sites. Yes, this custom theme works only for Catch Box Pro theme.

    For menu background color. Change the color code as per your need.
    #branding #access { background: none #324232; }

    April 16, 2013 at 10:34 pm #7144
    FordTheWord
    Member

    Thanks again.. you sure got this covered 🙂

    I did however notice that the background only changed for the main menu items, not the children. Do you happen to have a CSS fix for all menu items, including the children?

    Thanks again, you’re doing a great job.

    April 17, 2013 at 1:14 pm #7186
    Sakin
    Keymaster

    @FordTheWord: Send me your site URL and let me know what you like to change the child menu background to.

    April 17, 2013 at 1:42 pm #7192
    FordTheWord
    Member

    Hello, check http://salebystangsel.se , and I would like the same colour of the child menu as the main menu colour. And could you see if having selected menu item and child menu item highlighted after clicked is possible too? Thanks

    April 17, 2013 at 4:47 pm #7197
    Sakin
    Keymaster

    @FordTheWord: Oh then replace the css that I gave you earlier with the following:
    #branding #access, #branding ul.menu ul a { background: none #037D32; }

    If you want different background color for the current menu then add as below:

    #branding .menu .current-menu-item > a, #branding .menu .current-menu-ancestor > a, #branding .menu .current_page_item > a, #branding .menu .current_page_ancestor > a { background-color: #037D32; }

    April 17, 2013 at 6:09 pm #7203
    FordTheWord
    Member

    Wow… that did the job perfectly!
    Thanks for the marvellous support indeed!

    Now for my final question when it comes to bacgrounds and menu items: Is there a simple way to somehow mark those menus which have child items? So you can easily see as soon as a menu list expands, just by looking at all menu items which ones have children?

    Some themes have a little > or similar at the right side of that menu item cell, which are expandable further, or make it a gradient colour or whatever, simply just making it clearer.

    April 17, 2013 at 7:17 pm #7207
    Sakin
    Keymaster

    @FordTheWord: For that you need to install menu script like superfish. So for this you need to hire developer I guess.

    April 18, 2013 at 1:18 pm #7252
    FordTheWord
    Member

    Ok, thanks! I’ll look into it.

    So I’ll ask next question instead. I liked the CSS you gave me for altering the backgrounds on the menu. I did notice that your original themes for the Pro version that I’m using have a gradient on the meny and children. Is it possible to do the same with a custom CSS like you have given me? To give the colour a gradient instead of just one colour?

    April 18, 2013 at 2:33 pm #7254
    Sakin
    Keymaster

    @FordTheWord: Are you familiar with the CSS gradient then add as below:

    #branding #access, #branding ul.menu ul a {
    background: #3d3d3d; /* Show a solid color for older browsers */
    background: -moz-linear-gradient(#585858, #3d3d3d);
    background: -o-linear-gradient(#585858, #3d3d3d);
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#585858), to(#3d3d3d)); /* older webkit syntax */
    background: -webkit-linear-gradient(#585858, #3d3d3d);
    }

    Be careful while adding. It’s better if you hire css developer.

    April 18, 2013 at 7:34 pm #7267
    FordTheWord
    Member

    Thanks again! As a matter of precaution, what exactly could happen if I add this to custom CSS? Could anything be permanently damaged in the code, or will it be ok simply to remove the custom CSS code?

    Thanks

    April 18, 2013 at 9:04 pm #7274
    Sakin
    Keymaster

    @FordTheWord: You can add this to Custom CSS. Just wanted you to carefully copy and add it.

    April 18, 2013 at 10:52 pm #7281
    FordTheWord
    Member

    Thanks a lot, with the other code you gave earlier this works like a charm! The only thing not seeming to work together with it, is the code you added that leaves the highlight on the children clicked. I guess the gradient overrides it?

    Thanks once more, you’re a wiz at this 🙂

  • Author
    Posts
Viewing 18 posts - 1 through 18 (of 18 total)
  • The topic ‘Changing logo image position’ is closed to new replies.