Return to previous page

FEW LITTLE THINGS TO ADD - by fairplay - on WordPress WooCommerce support

This topic has 76 replies, 5 voices, and was last updated 8 years, 10 months ago ago by Jack Richardson

fairplay

Participant

April 28, 2015 at 09:11

1. I want to hide logo on the top. Is this possible?

2. I need menu to be without two lines top and bottom

3. I would like boxed layout but just menu and logo to be full width across whole page. Also i would need some bigger width search form between logo and menu words. Or if that doesn’t look good then just without search form.

4. When i scroll down the page, the menu also goes with me, but because i have so big logo, menu is very big. Is possible that logo shrinks much more when i scroll down?or if this doesnt look good, Also is possible that logo is even not there when i scroll down? Or i would also need to be able to put there some promo banner is it possible?

#60177 Copied

75 Answers
Brian Johnson

Member

April 28, 2015 at 10:16
Hello

You may add following variants of code to the custom.css:

1.In this varint logo is not shown and menu is centered for fixed variant:
```
.main-nav .double-border {border:none!important;}.main-nav {border:none!important;}
.logo-with-menu{display:none!important;}
.logo {display:none!important;}
.menu-main-menu-container {text-align:center}
.menu{width:100%!important}
```
2.Second variant of code will make fixed header with logo to be 100% width.
//fixed header with logo for 100%://
.fixed-header .menu-main-menu-container {text-align:center}
.fixed-header .menu{width:100%!important;height:50px;margin-top:50px;}
You should edit wp-content/themes/legenda/js/etheme.js in line with following code var headerHeight = $('.header-wrapper').height() + 20; and change 20 to 0 . this will make fixed header to alway shown. Therfore you can hide default menu with : .menu-wrapper{display:none;}
3. You may upload .png with logo and banner. Or manually edit wp-content/themes/legenda/header.php and add your banner image above the menu.

We strongly recommend to make all changes for *.php files within the Child Theme. You may read about Child theme here: http://codex.wordpress.org/Child_Themes

With best regards
Brian Johnson
#60202 Copied
fairplay

Participant

April 28, 2015 at 13:37

Thanks for very quick reply.

Now everything is a little messed up.

1. I would like menu to be aligned on the left of the page. And also logo if possible that is aligned in same line but that can be bigger trough whole place that is now on the site. I tried to do that but if you look at my site the logo gets very badly shaped. take a look at my site online.

2. I would like when i hover over menu words the color to be azure, or most similar to my logo color as possible, where do i set that, because now color is green?

#60269 Copied

Brian Johnson

Member

April 28, 2015 at 13:57

Please provide us with picture of what you exactly would like to achieve.

With best regards
Brian Johnson

#60278 Copied

fairplay

Participant

April 28, 2015 at 14:09

I would like for example to be like this:
http://www.azurefilm.com/wp-content/uploads/2015/04/whatineed.jpg

and when i scroll down, menu shrinks and becomes a little smaller logo size and also menu height is smaller.
like this: http://www.azurefilm.com/wp-content/uploads/2015/04/whatineed1.jpg

2. i also need color of words when i hover over them to be color of my logo or as close to it as possible.

#60282 Copied

Brian Johnson

Member

April 28, 2015 at 14:19

Please provide us also with ftp credentials.

With best regards
Brian Johnson

#60291 Copied

fairplay

Participant

April 28, 2015 at 14:26

Here:

Please, contact administrator
for this information.

#60292 Copied

fairplay

Participant

April 28, 2015 at 14:37

Here is FTP details:

Please, contact administrator
for this information.

#60296 Copied
Eva Kemp

Support staff

April 28, 2015 at 15:36
Hello,

Please try to use this code in custom.css file:
```
.header-type-3 .main-nav .menu {
   margin-right: 300px;
}
.header-type-3 .logo-with-menu, .header-type-4 .logo-with-menu {
   width: 120px !important;
}
.fixed-header .menu {
   margin-top: 0px !important;
}
```
.main-nav .menu > li > a:hover, .main-nav .menu > li.current-menu-item > a {color: blue;}

Thank you.
Regards,
Eva Kemp.
#60321 Copied
Brian Johnson

Member

April 28, 2015 at 16:52
1.I have edited a bit custom.css and added following code into the style.css of the Child Theme:
```
.header3 {background:white}
.header3 .logo{text-align:center}
.header-type-3 .main-nav{background:white;}
.header-type-3 .menu{width:100%;float:right;}
.header-type-3 .container{width:80%!important;margin-left:auto;margin-right:auto;}
.header-type-3 .menu-main-menu-container{display:block !important;width:100%!important;padding-top:20px}
.main-nav .menu > li a:hover{color:blue!important;}
.main-nav .menu > li a:visited{color:blue!important;}
.logo-with-menu a img{width:100px !important;display:block;}
.logo-with-menu {width:100px !important;float:left!important}
```
2. I have changed header.php for fullwith header.
3. Color of links changed to blue in code above. You may replace it with your color using this service http://colpick.com.

Please check your site now.

With best regards
Brian Johnson
#60343 Copied
fairplay

Participant

April 28, 2015 at 17:19

Which commands do i have to change to again header to be just boxed layout and for the logo to be inside boxed layout, and also menu to be in the middle of logo azurefilm but at the end of left side of boxed layout?

Also for the menu i need it to be black but when people click on it or hover over words it has to change color into whatever i will choose. like it was before not like it is now. When nobody touches menu it has to be black words.

#60356 Copied

fairplay

Participant

April 28, 2015 at 17:40

Sorry i misswrited on previous message, i need menu to be in the middle of logo but on the end right side of the boxed layout. Sorry!

Also which code from this site: http://colpick.com do i have to put where in the custom.css?

And do i now have to change custom css in the wordpress or style.css in cpanel?

#60358 Copied
Brian Johnson

Member

April 28, 2015 at 18:28
Child theme should contain only one style.css.Please replace previous code in style.css of the Child Theme with this:
```
.header3 {background:white}
.header3 .logo{text-align:center}
.menu{text-align:right!important;}
.header-type-3 .main-nav{background:white;}
.header-type-3 .menu{width:100%!important;float:right;}
.header-type-3 .container{width:95%!important;margin-left:auto;margin-right:auto;}
.header-type-3 .menu-main-menu-container{display:block !important;padding-top:20px}
.main-nav .menu > li a:hover{color:blue!important;}
.main-nav .menu > li a:visited{color:black!important;}
.menu > li a:active{color:black!important;}
.logo-with-menu a img{width:100px !important;display:block;}
.logo-with-menu {width:100px !important;float:left!important}
```
2. This part from code contains color adjustments for hover and currently actve or selected link:
```
.menu > li a:hover{color:blue!important;}
.menu > li a:visited{color:black!important;}
.menu > li a:active{color:black!important;}
```
You may replace blue/balck with #73492e or another color using color picker.
4.You may enter file structure in Cpanel and use right mouse click on file. Then select option “edit”.

With best regards
Brian Johnson
#60379 Copied
fairplay

Participant

April 28, 2015 at 19:11

Hey Everything works perfect but i am still not able to have my text all black and when i hover over to it, it gets colored. Also the bar that i clicked stay colored otherwise all other words in menu has to be black.

Another important thing is the height of space between top and slider can i change it to smaller one?

Regards,
Simon

#60387 Copied

fairplay

Participant

April 28, 2015 at 19:59

I would also like to ask about fixed navigation of menu. When i scroll down the page the fixed navigation menu has again it’s own colors black and green. Where do i change that?

I would like to know how to set logo or menu more left or more right in that fixed navigation menu. And how to make it smaller ?

Thanks alot!

#60394 Copied

fairplay

Participant

April 29, 2015 at 13:25

Hey please take a look again, i would need answers asap thanks

#60529 Copied

Brian Johnson

Member

April 29, 2015 at 14:05

Please replace this line .main-nav .menu > li a:visited{color:#0078ad!important;}
to this for currently active menu element.
.menu > li.current-menu-item > a{color:#0078ad!important;}
And this line
.main-nav .menu > li a:hover{color:black!important;}
to
.menu > li a:hover{color:black!important;}
You may also adjust your hover color insted of black.
You may try to change distance for fixed menu elements (logo and menu) with this code:
.fixed-header .container{width:84%}

With best regards
BRian Johnson

#60545 Copied

fairplay

Participant

April 29, 2015 at 14:32

Ok this is working almost perfectly now.

I have this to take care off yet:

The empty space above the logo and empty space below the logo i want that space to be more close to the logo so logo can be bigger. Can i change it?

Also the fixed menu still, when i hover over it shows green color and not my own color i need to change that also.

And in the editor on some page, i can’t see awesome icons, there is just blank space and i can’t choose any awesome icons because i dont see how it looks like. i can choose them but i can’t see them. Is there any update on that?

#60556 Copied
Brian Johnson

Member

April 29, 2015 at 15:28
You may add this code to the style.css
```
.fixed-header .menu{width: 930px!important;
  margin-left: 50px!important;}
```
Number value can be changed to increase margin between header and menu width can be adjusted differently as it was adjusted to line up menu elements on wide screens only.
In this part of code we are seting logo width. You may change 100px to 200 px as below
```
.logo-with-menu {width:200px !important;float:left!important}
.fixed-header .menu{width: 930px!important;
```
In this part of code we are adjusting hover effect for main menu and we should remove selector .main-nav to make it work for both menus. Please change:
.main-nav .menu > li a:hover{color:#0078ad!important;}
to
.menu > li a:hover{color:#0078ad!important;}

With best regards
Brian Johnson
#60579 Copied
Brian Johnson

Member

April 29, 2015 at 15:39

Sorry for inconvenience regarding the icons in VC backend issue.
We are working on update which will be released in few days and this will be fixed. Meanwhile you may use other icon elements in VC.

With best regards
Brian Johnson

#60587 Copied
1 2 3 4

Viewing 20 results - 1 through 20 (of 76 total)