Return to previous page

Header - by MakiYan - on WordPress WooCommerce support

This topic has 12 replies, 4 voices, and was last updated 9 years, 2 months ago ago by Eva Kemp

MakiYan

Participant

September 28, 2015 at 19:23

Hello! Please help me!

I want to customize the header of your theme.
I want to remove the logo and I want my navigation menu align at the center of the header.

See the screen shot here:
http://www.carsona.com.heb5f.sogetel.net/wp-content/uploads/2015/09/capture.jpg

Can you help me to fix this

Please, contact administrator
for this information.

#89981 Copied Theme version: 3.9 WooCommerce version: 2.4.7

11 Answers
Jack Richardson

Support staff

September 29, 2015 at 07:49
Hello,

Please add this code in custom.css file:
```
.header-type-variant5 .logo {
   display: none;
}
.header-type-variant5 #main-nav {
   max-width: 100%;
}
```
How to create custom.css you can watch in this tutorial (it’s for Legenda theme but the process is the same).

Best regards,
Jack Richardson.
#90049 Copied
MakiYan

Participant

September 29, 2015 at 14:22

It works fine! Thanks!

But one more thing…

I want my menu align at the center.

Can you help me please…

#90209 Copied
Robert Hall

Support staff

September 29, 2015 at 14:30
Hello,

Please try this code in custom.css
```
.header-type-variant5 #main-nav {
    margin-left: 24px;
}
```
Regards,
Robert Hall.
#90214 Copied
MakiYan

Participant

September 29, 2015 at 14:35

Hello Robert,
Sorry don’t work 🙁

#90218 Copied

Jack Richardson

Support staff

September 29, 2015 at 15:47

Hello,

As I see your menu fully stretched in the header:
http://storage5.static.itmages.com/i/15/0929/h_1443537983_1460364_25a5524578.png

Please show on a screenshot how you want to modify it.

Thank you.
Best regards,
Jack Richardson.

#90247 Copied

MakiYan

Participant

September 29, 2015 at 16:08

Here’s a screen shot to help you.

http://www.carsona.com.heb5f.sogetel.net/wp-content/uploads/2015/09/capture1.jpg

#90259 Copied
Jack Richardson

Support staff

September 30, 2015 at 07:41
Hello,

Please try to use this css code:
```
.header-type-variant5 div.menu {
   padding-left: 100px !important;
}
```
Best regards,
Jack Richardson.
#90363 Copied
MakiYan

Participant

September 30, 2015 at 13:14

Hi! Work Great on my computer…
But On my IPad, I’ve got this:

http://www.carsona.com.heb5f.sogetel.net/wp-content/uploads/2015/09/capture2.jpg

Is there any solution for a menu align at the center for iPad too?

Thanks for your help!!

#90484 Copied
Jack Richardson

Support staff

October 1, 2015 at 07:41
Hello,

Try to change this code
```
.header-type-variant5 div.menu {
   padding-left: 100px !important;
}
```
to
```
@media (min-width: 1200px) {.header-type-variant5 div.menu {
   padding-left: 100px !important;
}}
```
Best regards,
Jack Richardson.
#90623 Copied
MakiYan

Participant

October 1, 2015 at 15:57

Thanks so much for your time and help, much appreciated!

#90810 Copied

Eva Kemp

Support staff

October 1, 2015 at 18:13

Hello,

You’re welcome.

Regards,
Eva Kemp.

#90837 Copied
Viewing 12 results - 1 through 12 (of 12 total)