Return to previous page

Sticky header menu – layout - by sugi1119

This topic has 4 replies, 2 voices, and was last updated 7 years, 8 months ago ago by Olga Barlow

sugi1119

Participant

August 7, 2016 at 11:03

Hi

I use the header menu type: https://www.8theme.com/demo/xstore/typography-page/team-members/?preset=header4
This header set a logo in the center.

But when it turns to sticky header, the logo moves to left side.
Is it possible to place the logo to the center in sticky header menu?

#135882 Copied Theme version: Xstore1.7 WooCommerce version: 2.6.4

3 Answers
Olga Barlow

Support staff

August 8, 2016 at 12:29
Hello,

Add the following code in custom CSS (Theme Options > Styling > Custom CSS) or in style.css of child theme.
```
@media only screen and (min-width:992px){
 .fixed-header .header-logo{
  order:2;
  width: 20%;
  padding-left: 0;
 }
 .fixed-header .header-logo img{
  margin: auto;
 }
 .fixed-header .menu-wrapper{
  order:1;
  width: 40%;
  text-align: left;
 }
 .fixed-header .navbar-header{
  order:3;
  width:40%;
 }
}
```
Regards
#135950 Copied
sugi1119

Participant

August 8, 2016 at 14:19

Thank you, Olga!

Please close the case!

#135978 Copied

Olga Barlow

Support staff

August 8, 2016 at 18:27

You are welcome!

Regards

#136021 Copied
Tagged: best selling, layout, responsive design, seo optimized, sticky header menu, user friendly, woocommerce themes
Viewing 4 results - 1 through 4 (of 4 total)