Public Forums 71,145 posts

[rudimessi Friend rudimessiJoin date: January 2014Posts: 17Downloads:8Uploads:0 Thanks: 2]

#202919

Is it possible to put the logo into the Megamenu as the first item?

Thanks

[TomC Moderator TomCJoin date: October 2014Posts: 14077Downloads:58Uploads:137 Thanks: 948 Thanked: 3155 times in 2495 posts]

#555981

It’s possible . . . It will take a bit of creative CSS modification.

So that we can try to best assist you, please provide the url of the site you’re working on,
as well as temporarily set “Optimize CSS” to “Off” within your Template Manager–General settings.

[rudimessi Friend rudimessiJoin date: January 2014Posts: 17Downloads:8Uploads:0 Thanks: 2]

#555992

http://new.distrofia.net/ is the site

Optimize CSS is off

I’d like that the LOGO is place on the top-left corner like home item.

Thanks

[TomC Moderator TomCJoin date: October 2014Posts: 14077Downloads:58Uploads:137 Thanks: 948 Thanked: 3155 times in 2495 posts]

#555993

Okay, first things first . . .

If you haven’t yet done so, create a new file called “custom.css” within file path –> /templates/purity_iii/css/

Within that custom.css file, paste the following CSS rules:


.t3-mainnav .t3-navbar {
padding-left: 200px;
}

.logo {
text-align: left;
margin-top: -49px;
}

SAVE CHANGES – CLEAR CACHE – REFRESH PAGE

Better ??

[rudimessi Friend rudimessiJoin date: January 2014Posts: 17Downloads:8Uploads:0 Thanks: 2]

#555997

I’ve already created the customs.css. Now with your modify the logo in not visibile because is under the navbar…

I’d like a logo and navbar like this http://www.oggi.it/ when you scroll down the page, the menu is fixed on top and the logo go to the top-left corner… is it too hard?

[TomC Moderator TomCJoin date: October 2014Posts: 14077Downloads:58Uploads:137 Thanks: 948 Thanked: 3155 times in 2495 posts]

#555999

To get the logo to appear, try modifying as follows:


.t3-mainnav .t3-navbar {
padding-left: 200px;
}

.logo {
text-align: left;
margin-top: -49px;
z-index: 999;
}

[rudimessi Friend rudimessiJoin date: January 2014Posts: 17Downloads:8Uploads:0 Thanks: 2]

#556002

Thanks but not appear

[TomC Moderator TomCJoin date: October 2014Posts: 14077Downloads:58Uploads:137 Thanks: 948 Thanked: 3155 times in 2495 posts]

#556004

<em>@rudimessi 454096 wrote:</em><blockquote>Thanks but not appear</blockquote>

Do me a favor … delete the CSS above within your custom.css file (i.e. start over).
It was working when I tested it, so let me do it again so I can make sure I didn’t leave a step out.

[rudimessi Friend rudimessiJoin date: January 2014Posts: 17Downloads:8Uploads:0 Thanks: 2]

#556006

ok now the custom.css is only

.t3-mainnav .t3-navbar {
padding-left: 200px;
}

.logo {
text-align: left;
margin-top: -49px;
z-index: 999;
}

[TomC Moderator TomCJoin date: October 2014Posts: 14077Downloads:58Uploads:137 Thanks: 948 Thanked: 3155 times in 2495 posts]

#556008

No no, I mean delete the original CSS I suggested in Post #4 above.

[rudimessi Friend rudimessiJoin date: January 2014Posts: 17Downloads:8Uploads:0 Thanks: 2]

#556009

ok make it

[TomC Moderator TomCJoin date: October 2014Posts: 14077Downloads:58Uploads:137 Thanks: 948 Thanked: 3155 times in 2495 posts]

#556010

Okay, I know what I left out . . ..

So in your custom.css file, add the following:


.t3-mainnav .t3-navbar {
padding-left: 200px;
}

.logo {
text-align: left;
margin-top: -49px;
z-index: 999;
}


and then modify the rule you have at line 27 as follows:


.t3-mainnav {
background: none repeat scroll 0 0 black;
border-bottom: 1px solid #000
border-top: 1px solid #000
z-index: 1;
}

SAVE CHANGES – CLEAR CACHE – REFRESH PAGE

Did that work?

[rudimessi Friend rudimessiJoin date: January 2014Posts: 17Downloads:8Uploads:0 Thanks: 2]

#556015

yes now work but not menu

[TomC Moderator TomCJoin date: October 2014Posts: 14077Downloads:58Uploads:137 Thanks: 948 Thanked: 3155 times in 2495 posts]

#556016

<em>@rudimessi 454113 wrote:</em><blockquote>yes now work but not menu</blockquote>

Try this little modification with this CSS in your custom.css file . . .


.logo {
margin-top: -49px;
position: fixed;
text-align: left;
z-index: 999;
}

[rudimessi Friend rudimessiJoin date: January 2014Posts: 17Downloads:8Uploads:0 Thanks: 2]

#556092

don’t work again:-[

[Author]

Posts