Hi,

I noticed on my website that when viewed on mobile devices my menu bar disappears completely. Or even when I resize my desktop browser window to a certain width.

I'm using the megamenu supplied with the template.

Any ideas?

Do you have the JB type plugin installed and enabled?

Cheers
Paul

Hi thanks - This solved the problem, although it appears on mobile devices the menu is a bit buggy. For instance it's no longer a sticky nav.

But I just came across another little issue about the 'Logo text' or main title of the web page (where the default text One Page is displayed). Again, when I resize the browser or check my website on a mobile screen - my title (Mike Thomas Web Design) is responsive and fits onto two lines, but the typography overlaps slightly. Ive tried multiple font styles and I get the same problem. It's almost like the line spacing or something needs to be changed.

Any way around this? Thanks

Do you have a link for the site?

Cheers
Paul

www.mikethomasdesign.com

Thanks.

With the text size its too big on different devices - you need to adjust using media queries - along the lines of

@media (max-width: 620px) and (min-width: 320px) {
body #logowrap h3 a {font-size: 1.5em !important;}

}

I would try using the off canvas and see how that looks rather than the toggle style menu

Cheers
Paul

Is there a particular css file this should be placed into?

Yep you need to add to the custom.css file

You can find out more by checking out this thread

www.joomlabamboo.com/index.php?option=com_kunena&view=topic&catid=661&id=110521&Itemid=215

Cheers
Paul

Thanks Paul, all sorted.

Cool - good luck with the site

Cheers
Paul