Logo not centered

[deranaloge]

hi there,

i have a problem with the logo on current site. it is not centered. when i add 4.5em to the left side it is ok, but this high amount of 4.5 em destroys the menu on displays beyond 1000px.
i tried to remove the bar did center the content of the bar. centered the containe etc…

i dont know where this comes from.

edit: two more problems with the nav:
1.it seems something is wrong with the scaling down of the bar. when you try eg in google chrome to scroll down and up and down and up a few times. the logo got tiny… same sometimes within the builder?
2. i have setup a one page nav. all works well except the section region. when viewed in chrome this is the only section where the link does not get active.

hope anyone can help.

thanks in advance!

[rad]

Hi Harald,

Thanks for reaching out.

I’m afraid the only way to center is to give both left and right menu an equal width, which may not possible since it has different menu items (which each item has its own different width). Centering is having equal spaces on both sides. But setting fix width will kill the responsive setup of the menu, like Tradition has 138px width, but Wein has 80px, then Kontakt has 122px. Setting them all with 138px will add more spaces to text with less width, but setting it to 80px will make the longer text narrower and collapse.

And since it’s shrinking, the sizing is affected as well so all of the elements move.

Have you tried re-arranging the menu items to give each menu group a total of equal width?

Thanks!

[deranaloge]

hi rad,

thanks for your answer. i will try different things. if its not working i will setup a seperate menu for each screen size…

one more question. the logo does shrink fine. is such a shrinking also possible for the text/menu items? “flexible text shrinking”

and one more question: do you also have the problems with the shrinking of the logo as descriped in my first post? and that the region section(there is a revolution slider) does not get active/highlited like the other sections when moved/scrolled there?

thanks in advance

[ruenel]

Hello Harald,

The shrinking is only applied to the image. There is not shrink property for the text or menu item. What you can do is to place an inline element css which would adjust the font size in a particular screen size. For example, you can add this:

@media(max-width: 979px){
  $el .x-anchor-text-primary{
    font-size: 90%;
  }
}

You may adjust the value of the font size that would fit.

[deranaloge]

hi.

many thanks will try that out

[Prasant]

You are most welcome.