Logo Overlapping With Menu

Tagged: logo, main-menu

Viewing 6 posts - 1 through 6 (of 6 total)

Author

Posts
October 11, 2017 at 4:13 pm #862941

mooshonov
Participant

Hi Again,

I’d like to raise a question regarding small screen and mobile- there’s an overlapping between the logo and the three stripes icon which represents the compact main menu. This also happens on medium size screens there’s an overlapping between main menu items with the logo.

Screenshot attached.
Would appreciate an alignment to the opposite direction / menu compaction.

Thanks!
Moshe.

October 11, 2017 at 11:54 pm #863085

Jordan Shannon
Inactive Moderator

Hey mooshonov,

Please provide a link to the site in question and perhaps we can solve this via css.

Best regards,
Jordan Shannon

October 12, 2017 at 10:02 am #863296

mooshonov
Participant

Sure:

October 12, 2017 at 10:41 pm #863658
Jordan Shannon
Inactive Moderator
Hi,

Add this to quick css:
```
@media only screen and (max-width: 767px)  {
.responsive #top .logo{
width:100%!important;
}

.responsive #top .logo a{
float: left;
padding-right: 100px;
padding-top:20px;
}}
```
Best regards,
Jordan Shannon
October 12, 2017 at 11:21 pm #863683

mooshonov
Participant

Works!
Thanks a lot!

October 12, 2017 at 11:24 pm #863684

Jordan Shannon
Inactive Moderator

Hi,

Great! If you need additional help, please let us know here in the forums.

Best regards,
Jordan Shannon
Author

Posts

Viewing 6 posts - 1 through 6 (of 6 total)

The topic ‘Logo Overlapping With Menu’ is closed to new replies.