Joomla Templates Club 406,261 posts

[synapsis Friend synapsisJoin date: April 2007Posts: 234Downloads:18Uploads:28 Thanks: 58 Thanked: 19 times in 1 posts]

#183471

I’m using JA Mixmaz (cosmetically customized) and it’s working pretty great until I look at it in portrait mode on my iPad. In landscape mode, it’s good, but in portrait mode, the main menu navigation disappears completely. I don’t mean it becomes a little black box labeled “navigation” that opens up to display my menu. I mean it completely disappears. On cell phones the black navigation button is there, and on landscape view on the iPad, the full menu appears fine. But in portrait mode, it just vanishes. I’d like the black navigation button to appear on the portrait view.

Also, on that related topic, that black Navigation button that opens to reveal a vertical main menu, I’m having some minor cosmetic issues. You’ll notice I’ve given the main navigation buttons some background images. You’ll notice that they’re not displaying correctly on the navigation button drop-down. I think for this black navigation button, the button backgrounds can be eliminated for simplicity. But I’m not finding the CSS to do so. Pointing me to the right file would be a big help, and the right lines would be even more so.

I realize these are two different issues, but they’re both CSS related, so I’m hoping I can get some help with both in a single thread.

Thanks for your assistance! Keep up the super work!

Matt

[Luna Garden Moderator Luna GardenJoin date: July 2011Posts: 2617Downloads:80Uploads:96 Thanks: 78 Thanked: 453 times in 425 posts]

#477856

Hello Matt,

1. Regarding to problem menu disappear on portrait view: please go to <blockquote>templates/ja_mixmaz/css/layout-tablet.css</blockquote>

find these lines:

#ja-menu-button {
color: #FFFFFF
display: block !important;
font-family: 'novecento_wide_bookregular',sans-serif;
font-size: 1em;
font-weight: bold;
padding: 18px 0;
text-align: center;
text-transform: uppercase;
z-index: 4;
}

add this line: <blockquote>background: #000000</blockquote>

2. In order to remove background image in navigation button drop-down, please go to:

<blockquote>templates/ja_mixmaz/css/layout-tablet.css</blockquote>

<blockquote>templates/ja_mixmaz/css/layout-mobile.css</blockquote>

add these lines:

.ja-megamenu ul.level0 li.mega .has-image{
background: none!important;
}

Please clear the cache after editing.

[Author]

Posts