Mobile menu does not expand in desk top mode

Support
#1

Hi there,

The problem i have is that my mobile menu does not expand in desktop mode.
It used to and i don’t know what’s changed since to have this effect.
My link is: http://s622430481.websitehome.co.uk/

Also,
How do i increase the size of the text in the sub-menus once its expanded?

Sorry to be a pain…but one other thing is how do i align headings to left like my text on mobile devices only?
Please see yourself in mobile view.

The reason i have text aligned to left in mobile view is because i really wanted it to be justified like my desktop version but in mobile view there are large spaces between words?? so to keep even spaces between words i had to go left alignment… does that make sense?

Much appreciation
Thanks

Huseyin

#2

Hi Huseyin,

To fix it, you can add this in Custom CSS

/* fix mobile button */
.x-nav-wrap.mobile {
    display:block;
}

.x-nav-wrap.mobile.collapse {
    display:none;
}

.x-nav-wrap.mobile.collapse.in {
    display:block !important;
}

/* align headings to left in mobile */
@media(max-width:767px) {
      h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
              text-align:left !important;
      }
}

Hope that helps.