Topic: Menu broken into a new line in mobile no matter how much I reduce the logo width | Themeco Community

Archive / Menu broken into a new line in mobile no matter how much I reduce the logo width

This is archived content. Visit our new forum.

Tagged: x

Author

Posts
July 10, 2016 at 1:10 pm #1080367
educainventions
Participant
The menu in the mobile version is broken into a new line. See screenshot below:

I have written the following css to make the logo smaller, but the menu is not inline yet:
```
/* Reduces a little bit the
  logo image in mobile to not
  break the menu to a new line
*/
@media (max-width: 979px) {
.x-brand img {
  width: 60%;
}
```
The website is http://www.educainventions.com
July 10, 2016 at 2:00 pm #1080410
Rupok
Member
Hi there,

Thanks for writing in! You can add this under Custom > CSS in the Customizer.
```
@media only screen and (max-width: 767px) {
.x-brand.img {
  margin-top: -4px;
  width: 250px;
}
}
```
Hope this helps.

Cheers!
July 11, 2016 at 6:32 am #1081213

educainventions
Participant

It’s working. Thank you wonderful support team 🙂

July 11, 2016 at 7:12 am #1081246

Paul R
Moderator

You’re welcome and thank you for your kind words. 🙂
Author

Posts

<script> jQuery(function($){ $("#no-reply-1080367 .bbp-template-notice, .bbp-no-topic .bbp-template-notice").removeClass('bbp-template-notice'); }); </script>