Docs

[Tim]

Hi X,

I have been busy with the navbar. I have added some social icons and some rules regarding mobile view. All of this turned out pretty well. Link to page: http://salonblanc.nl/sample-page/#

First thing: The whole thing is not aligned in the center. How to fix?

Second: ideally I want it to look like this: http://www.velvetmonkey.nl/

So the social icons all the way to the left, and the cart all the way to the right. How to do this?

Third: On tablet/mobile. The nav button is aligned to the right. On mobile this is great because it is just next to the logo. But on larger screens (tablet) there is a lot of space between the logo and menu button. How to solve?

Thanks in advance!

[Rupok]

Hi there,

Thanks for writing in!

#1 & #2. You can try some thing like this to align it to center :

.x-nav-wrap.desktop {
  padding-left: 110px;
}
.custom-social {
  margin-left: 30px;
}

#3. That’s pretty usual and simply can’t answer ‘how to solve’ since it’s not a problem. But if you have different idea then let us know. Like if you want to make it stack in bottom of the logo or something else.

Hope this makes sense.

[Author]

Posts