Changing logo image position

This topic has 17 replies, 2 voices, and was last updated 11 years, 7 months ago by FordTheWord.

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