Return to previous page

Header number 14 – changes - by lulamii

This topic has 6 replies, 2 voices, and was last updated 8 years, 11 months ago ago by Eva Kemp

lulamii

Participant

May 25, 2015 at 09:22

Hello,
would you be so nice and help me with changes header number 14?
I would like to have logo and categories in the center of white panel,
and have social media icons in the bottom of the menu panel.
Like it’s here: http://www.carolinaherrera.com/newyork/en

#65759 Copied

5 Answers
Eva Kemp

Support staff

May 25, 2015 at 10:07
Hello,

Try to add this code in custom.css file:
```
.header-vertical-enable .page-wrapper .header-type-vertical2 .header-custom-block {
    position: relative !important;
    top: 250px !important;
}
.header-vertical-enable .page-wrapper .header-type-vertical2 .container .navbar {
    position: relative !important;
    top: 200px !important;
}
```
How to create custom.css you can watch in this tutorial (it’s for Legenda theme but the process is the same).

Regards,
Eva Kemp.
#65771 Copied
lulamii

Participant

May 25, 2015 at 10:13

Thank You so much, it works!: )
but how about the social media icon [share] to add in the bottom of the menu?
now social media icons dissapear.

#65776 Copied

Eva Kemp

Support staff

May 25, 2015 at 12:09

Hello,

As I see social media icons are shown:
http://storage4.static.itmages.com/i/15/0525/h_1432552057_6617268_51ac9ba862.png

Please clear browser cache and check again.

Thank you.
Regards,
Eva Kemp.

#65819 Copied

lulamii

Participant

May 25, 2015 at 20:59

Hello,
Yes, you are right. I see them now, when I’m looking for my site on bigger monitor display.
But what i would like to have?
now i have for exemple 200px under last category, byt i would like to have always in the bottom of menu. Always in teh same place, no metter on witch display size monitor i see it.

#65939 Copied
Eva Kemp

Support staff

May 26, 2015 at 07:39
Hello,

Try to add this code:
```
.header-vertical-enable .page-wrapper .header-type-vertical2 .header-custom-block {
    position: relative !important;
    top: 50% !important;
}
```
instead of this one:
```
.header-vertical-enable .page-wrapper .header-type-vertical2 .header-custom-block {
    position: relative !important;
    top: 250px !important;
}
```
Regards,
Eva Kemp.
#65975 Copied
Viewing 6 results - 1 through 6 (of 6 total)