JoomlArt Forums 32,862 posts

[sebbs Friend sebbsJoin date: February 2006Posts: 529Downloads:0Uploads:62 Thanks: 164 Thanked: 6 times in 2 posts]

#200356

site: http://bmwqc2.dev.dnsnetworks.ca/joomla/

Is there a way to move the logo above the main menu and pushing everything up ??

I tried to add a photo to show you what I mean but for some reason it wont let me

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

#545242

I’m thinking this will require a couple of steps . . .

STEP ONE:
Move the main nav down a bit . . . .

Look to file path –> /joomla/templates/beez3/css/personal.css
at line 46, modify as follows:


#header ul.menu {
border-radius: 4px 4px 0 0;
display: block;
margin: 0 10px;
padding: 0;
text-align: left;
top: 150px;
width: auto;
}

STEP TWO:
Move the logo up . . . .

Look to file path —> /joomla/templates/beez3/css/position.css
at line 277, modify as follows:


#logo img {
display: block;
margin-top: -150px;
}

A little better ??

You can, of course, play around with the values for the various elements until you arrive at a result you’re most happy with.

1 user says Thank You to TomC for this useful post

1. sebbs

[sebbs Friend sebbsJoin date: February 2006Posts: 529Downloads:0Uploads:62 Thanks: 164 Thanked: 6 times in 2 posts]

#545252

Logo looks much better up there… can we move the content up closer to the main menu?
http://bmwqc2.dev.dnsnetworks.ca/joomla/

[sebbs Friend sebbsJoin date: February 2006Posts: 529Downloads:0Uploads:62 Thanks: 164 Thanked: 6 times in 2 posts]

#545253

I think the reason there’s such a space there is because when you click on memebership the submenus show up under the menu to the right side of the page… can we change that so that when you scroll over membership submenus appear INSTEAD of having them show up under the menu on the right side?

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

#545257

<em>@sebbs 440397 wrote:</em><blockquote>Logo looks much better up there… can we move the content up closer to the main menu?
http://bmwqc2.dev.dnsnetworks.ca/joomla/</blockquote>

TRY THIS . . . .

Within file path —> /joomla/templates/beez3/css/position.css
at line 119, modify as follows:


#header {
display: block !important;
height: 100px;
overflow: hidden;
padding: 8em 0 0;
position: relative;
}

1 user says Thank You to TomC for this useful post

1. sebbs

[sebbs Friend sebbsJoin date: February 2006Posts: 529Downloads:0Uploads:62 Thanks: 164 Thanked: 6 times in 2 posts]

#545265

Right on! Perfect …

Can we get an image at the far right of the logo ?? Should I just put it in the position 0 or does it need to be customized?

<em>@TomC 440404 wrote:</em><blockquote>TRY THIS . . . .

Within file path —> /joomla/templates/beez3/css/position.css
at line 119, modify as follows:


#header {
display: block !important;
height: 100px;
overflow: hidden;
padding: 8em 0 0;
position: relative;
}
</blockquote>

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

#545269

<em>@sebbs 440414 wrote:</em><blockquote>Right on! Perfect …

Can we get an image at the far right of the logo ?? Should I just put it in the position 0 or does it need to be customized?</blockquote>

You can try putting it in that position with a “float: right” property for the CSS . . .
or you may need to create a new module position for it.

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

#545286

Just as an additional aesthetic suggestion . . . maybe move the logo over to the left just a bit.
(line it up nicely with the edge of the main nav and left column)


#logo img {
display: block;
margin-left: -35px;
margin-top: -150px;
}

1 user says Thank You to TomC for this useful post

1. sebbs

[sebbs Friend sebbsJoin date: February 2006Posts: 529Downloads:0Uploads:62 Thanks: 164 Thanked: 6 times in 2 posts]

#545288

You’re right … that looks nicer!

<em>@TomC 440443 wrote:</em><blockquote>Just as an additional aesthetic suggestion . . . maybe move the logo over to the left just a bit.
(line it up nicely with the edge of the main nav and left column)


#logo img {
display: block;
margin-left: -35px;
margin-top: -150px;
}
</blockquote>

[Author]

Posts