Joomla Templates Club 406,261 posts

[marcods Friend marcodsJoin date: October 2012Posts: 1Downloads:0Uploads:0]

#185512

hi,
i can’t locate the “mainnav” block of the iphone version of the template.. i mean that i only have template.css and login.php (in blocks/iphone).. where all the rest of layout objects are located?
thanks!

[Ninja Lead Moderator Ninja LeadJoin date: November 2014Posts: 16064Downloads:310Uploads:2864 Thanks: 341 Thanked: 3854 times in 3563 posts]

#485401

Nope, JA Zite Template is responsive template you don’t need to re-define “mainnav” you can use css file to work with mobile layout. You can change it by css file

Open templates/ja_zite/css/layout-mobile.css file

and see css on “mainnav”


/* MAIN NAVIGATION
--------------------------------------------------------- */
/* Main Nav ---*/
#ja-mainnav {
display: block;
height: auto;
margin: 0;
width: 100%;
}

#ja-menu-button {
display: block !important;
font-size: 100%;
font-weight: normal;
padding: 10px 0px;
text-transform: uppercase;
z-index: 4;
background: #151617
color: #fff !important;
font-family: 'NovecentowideUltraLightBold',Arial,sans-serif;
text-align: center;
vertical-align: middle;
width: 100%;
}

.ja-megamenu .childcontent-inner {
background: none !important;
margin-top: 0px !important;
}

.ja-megamenu .megacol,
.ja-megamenu li.mega .childcontent,
.ja-megamenu li.mega .childcontent-inner-wrap,
.ja-megamenu .megacol, .ja-megamenu li.mega .childcontent,
.ja-megamenu li.mega .childcontent .childcontent-inner-wrap,
.ja-megamenu li.mega .childcontent .childcontent-inner-wrap .childcontent-inner {
float: none !important;
width: auto !important;
}

#ja-mainnav #ja-megamenu.active ul.level0 {
float: none !important;
right: 0% !important;
}

#ja-mainnav #ja-megamenu.active {
float: none !important;
left: 0% !important;
}

#ja-mainnav .main-inner1 {
left: 0px !important;
width: 100% !important;
max-width: 100% !important;
}


[Author]

Posts