Two word text site logo bug

tomasmac1

Hi, you have corrected small display logo, it is OK now. But two sizes are still not OK.

Thank you 🙂

Tom

Ninja

tomasmac1
Hi
The space is not enough in this screen size range to fit both the words in one row, Like you can see the menu items also in two rows.

Do you want to add collapse navigation breakpoint early ? As its not possible to fit the text in this screen size, If i increase logo with , it will decrease the menu item width.
example : http://prntscr.com/npafc8

Let me know how you want to proceed with the the above option or call the mobile side bar menu early.

tomasmac1

Hi Ninja

is possilble to have the menu like in the attachement?

Regards,

Tom

Ninja

tomasmac1
Hi
In this case the button will move to left side for this screen size.
You can add this code in custom.css file to see changes


@media(max-width:992px) and (min-width:768px) {.t3-mainnav {display:flex;}}

tomasmac1

Hi Ninja

thank you, why to left, I think it doesnot have a sense to move the menu from left to right and then back to left...

And is possible to decrease spacing between 1st and 2nd row?

Thank you,

Tom

Ninja

tomasmac1

button will move to left side for this screen size

Hi this will move the left with that style, this is why i already mentioned that.

If you want to show the Mobile menu early you can change the the breakpoint value from the /less/variable.less file and it will call mobile header early for this screen size.

For height you can add this code in custom.css file and reduce the padding values

@media (min-width: 768px){
.navbar-nav > li > a {
    padding-top: 29px;
    padding-bottom: 29px;
}}