Return to previous page

Topic: Menu Tabs misaligned from center

capri_2794

Participant

November 17, 2018 1:33 am

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.

Content is visible for topic creator and
support staff only.

#204073 copied to clipboard

Like
Rose Tyler

Support staff

November 19, 2018 11:06 am
Hello,

Please try to add this code in Global custom css:

.header-type-5 .menu > li > a { padding-bottom: 5px; }

Regards
#204135 copied to clipboard

Like
capri_2794

Participant

November 19, 2018 11:35 pm

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 to clipboard

Like
Rose Tyler

Support staff

November 20, 2018 9:44 am
.fixed-header-area .menu-main-container > ul { text-align: left; margin-left: 60px; padding-top: 22px; }

Regards
#204217 copied to clipboard

Like
capri_2794

Participant

November 20, 2018 6:40 pm

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 to clipboard

Like
Rose Tyler

Support staff

November 21, 2018 1:12 pm
Please try to add this code in Global custom css:

.header-type-5.header-wrapper .header-logo { top: 0px; }

Regards
#204303 copied to clipboard

Like
capri_2794

Participant

November 27, 2018 9:39 am

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

#204937 copied to clipboard

Like
Rose Tyler

Support staff

November 27, 2018 9:48 am
Please change the previous code to:

.header-type-5.header-wrapper .header-logo { top: 0px !important; }

Regards
#204938 copied to clipboard

Like