Return to previous page

Menu Tabs misaligned from center - by capri_2794

This topic has 8 replies, 2 voices, and was last updated 5 years, 5 months ago ago by Rose Tyler

capri_2794

Participant

November 17, 2018 at 01:33

Hello,

The tabs on main header are off from the centre. I want all the tab text to be centred with the logo and shopping bag icon.
Here is how it looks (red line is the center line): http://prntscr.com/ljdehg

Please help me in this regard.

Please, contact administrator
for this information.

#204073 Copied

7 Answers
Rose Tyler

Support staff

November 19, 2018 at 11:06
Hello,

Please try to add this code in Global custom css:
```
.header-type-5 .menu > li > a {
    padding-bottom: 5px;
}
```
Regards
#204135 Copied
capri_2794

Participant

November 19, 2018 at 23:35

Thanks, it is done.

I have another related query. The fixed header is shifted to right as compared to the main header. Please tell how to resolve this.

#204188 Copied
Rose Tyler

Support staff

November 20, 2018 at 09:44
```
.fixed-header-area .menu-main-container > ul {
    text-align:  left;
    margin-left: 60px;
    padding-top: 22px;
}
```
Regards
#204217 Copied
capri_2794

Participant

November 20, 2018 at 18:40

Thanks. It works. I have another similar issue. On mobile version, my logo moves to lower side of the header and does not remain in middle. Kindly tell what to do.

#204267 Copied
Rose Tyler

Support staff

November 21, 2018 at 13:12
Please try to add this code in Global custom css:
```
.header-type-5.header-wrapper .header-logo {
    top: 0px;
}
```
Regards
#204303 Copied
capri_2794

Participant

November 27, 2018 at 09:39

The logo is centred in the fixed header but not in the main header.

#204937 Copied
Rose Tyler

Support staff

November 27, 2018 at 09:48
Please change the previous code to:
```
.header-type-5.header-wrapper .header-logo {
    top: 0px !important;
}
```
Regards
#204938 Copied
Viewing 8 results - 1 through 8 (of 8 total)