fav ico | PenciDesign Support

PenciDesign replied

5 years ago

Staff Reply

Hi,

You can replace the CSS code

#menu-menu_inancdincer-1 li a:hover {
    border-radius:5px;
    box-shadow:0 0 5px 2px #33ffff,
               0 0 5px 2px #66ffff;
  
    color:cyan;
}

to this code:

#navigation.header-6 .menu > li > a:after, 
#navigation.header-6 ul.menu > li > a:after {
    content: '';
    position: absolute;
    width: 100%;
    left: 0;
    height: 40px;
    border-radius: 5px;
    top: 50%;
    transform: translateY(-50%);
    margin-left: 0;
    transition: all 0.3s;
    -webkit-transition: all 0.3s;
}
#navigation.header-6 .menu > li > a:hover:after, 
#navigation.header-6 ul.menu > li > a:hover:after{
    box-shadow:0 0 5px 2px #33ffff, 0 0 5px 2px #66ffff;
}

Best Regards,

PenciDesign

innDeveloper replied

5 years ago

Customer Reply

Hello . I have a problem. The larger the menu , the more it grows in the shadow. How can i solve it ? This is my css code.

#menu-menu_inancdincer-1 li a:hover {
border-radius:5px;
box-shadow:0 0 5px 2px #33ffff,
0 0 5px 2px #66ffff;

color:cyan;
}

Thanks for your help. Picture is attached.

PenciDesign replied

5 years ago

Staff Reply

Hi,

Because your menu is too long.. It doesn't enough space to display in one row with the logo - check this image: http://prntscr.com/w17jp9

I recommend you make your menu shorter by use sub-menu for menu items not needed to display as menu level 1.

Best Regards,

PenciDesign

innDeveloper replied

5 years ago

Customer Reply

Hi . When I add a new menu, the menu is broken. Scrolling Down. How do I fix it? Thank you for your help.

PenciDesign replied

5 years ago

Staff Reply

Hi,

1/ When I open your logo in my photoshop - I can see your logo image has too many white spaces below it - check this image: http://prntscr.com/w0mz7g - It seems that's your shadow from the logo image - but I think you should remove this shadow because it's not really easy to see - and it makes your logo image look smaller in header style 6 & 9 and caused the high space on other header styles.

For change the padding on the first picture, you can check option for it via Customize > Logo & Header > Logo > Logo Padding Top & Bottom > change it to smaller value.

For make your logo bigger on second image, you can add more this code to Customize > Custom CSS:

#navigation.header-6 #logo img, .is-sticky #navigation.header-6 #logo img{ padding: 2px 0; }

Or simple is change the navigation height via Customize > Logo & Header > Main Bar & Primary Menu

Best Regards,

PenciDesign

innDeveloper replied

5 years ago

Customer Reply

Hello. I have two more question. I would be glad if you answer. How can i reduce the distance in the first picture ? And my 2nd question. How can i make the logo bigger on the second picture ?

PenciDesign replied

5 years ago

Staff Reply

Hi,

You can add it via Customize > General > General Settings > Upload Favicon.

You can use image file ( .png or .jpg ) there - no need to use .ico format.

Best Regards,

PenciDesign

innDeveloper started the conversation

5 years ago

Conversation Start

How to add a favicon to my wordpress Blog ?