Public Forums 71,145 posts

[smartmax Friend smartmaxJoin date: May 2008Posts: 538Downloads:159Uploads:218 Thanks: 72 Thanked: 7 times in 3 posts]

#196628

Hi, here’s another ‘little’ question 🙂

I’ve made my logo bigger
http://www.sanders.nl/NIEUW/

But now the menu in ‘sidebar-2’ dissapears behind the top??

What can/must I do? Please help :-[

---

Attachments:

1. 

[swissa Friend swissaJoin date: November 2011Posts: 1955Downloads:7Uploads:277 Thanks: 175 Thanked: 717 times in 572 posts]

#530355

make a custom.css file within the css folder and add this rule

.t3-mainbody{

• margin-top: 150px;

}

1 user says Thank You to swissa for this useful post

1. TomC

[smartmax Friend smartmaxJoin date: May 2008Posts: 538Downloads:159Uploads:218 Thanks: 72 Thanked: 7 times in 3 posts]

#530378

Thanks a lot! That’s it, it worked! 🙂

[smartmax Friend smartmaxJoin date: May 2008Posts: 538Downloads:159Uploads:218 Thanks: 72 Thanked: 7 times in 3 posts]

#530562

Just one more question if I may…

Even though all the other pages are fine, the HOME pages shows strange margins?

---

Attachments:

1. 

[swissa Friend swissaJoin date: November 2011Posts: 1955Downloads:7Uploads:277 Thanks: 175 Thanked: 717 times in 572 posts]

#530564

You’ve got or will have a number of problems due to the size of the menü bar. It wraps into a 2nd line. You may want to think about that first and correct it so that you have a single line menü.

Once you’ve fixed that we can look at the margins but best to do it when you have finished the planning.

[smartmax Friend smartmaxJoin date: May 2008Posts: 538Downloads:159Uploads:218 Thanks: 72 Thanked: 7 times in 3 posts]

#530570

Hi Swissa, thank you for you’re answer, but I have a ‘single-line-menu'(?)
On all the other pages it is fine, but only on the ‘home-page’ it has strange heights…

---

Attachments:

1. 

[swissa Friend swissaJoin date: November 2011Posts: 1955Downloads:7Uploads:277 Thanks: 175 Thanked: 717 times in 572 posts]

#530576

Hi smartmax

That’s not what I see. I see the big nav bar on every page… they all have the logo etc

Because we set the ‘margin-top’ to now 200px that affects every further page.

See what I mean? If they all stay like that then we’ll have to look at adding some padding to the body. If they look like your image then we’ll have to do something else.

Let me know and I’ll try to help.

Gruss

EDIT:-

If you change the menü item “Creatie & vormgeving” to just “Creatie” the menü is single line at anything over 1200px browser width which is okay.

Then go to custom.css and delete out the code I gave you earlier. Add this new code

.corporate .slideshow {margin-top: 55px;}
body {padding-top: 220px; }

So the site looks like this on every page. Give that a try and see if it works for you. More elegant way to do it I think. 🙂

---

Attachments:

1. 
2. 
3. 

[smartmax Friend smartmaxJoin date: May 2008Posts: 538Downloads:159Uploads:218 Thanks: 72 Thanked: 7 times in 3 posts]

#530594

Hallo Swissa, thank you for you’re effort and help!

I ‘deactivated’ ‘Creatie & Vormgeving’ to see if this is the problem (long menu).
But even with a shorter menu, the problem stays :((
So I think we have to look for the sollution elsewhere(?)

Tjüß

---

Attachments:

1. 

[swissa Friend swissaJoin date: November 2011Posts: 1955Downloads:7Uploads:277 Thanks: 175 Thanked: 717 times in 572 posts]

#530595

That looks much better now on a single line.

All you have to do now is change custom.css as suggested above. Delete the entire contents and add this code… (your code is IE font code is still in there)

/* first for Internet Explorer < 9 */
@font-face {
font-family: NettoWeb;
src: url("../purity_iii/fonts/netto/NettoWeb.eot");
}
/* then for WOFF-capable browsers */
@font-face {
font-family: NettoWeb;
src: url("../purity_iii/fonts/netto/NettoWeb.woff") format("woff");
}
.dropdown-menu {
background-color: #66cac4 !important;
border: 1px solid #66cac4 !important;
}
/* move the slideshow down away from the navbar */
.corporate .slideshow {
margin-top: 55px;
}
/* allow the body to move down the page */
body {
padding-top: 220px;
}

and it all works – for me at least!!

Hope that helps

[smartmax Friend smartmaxJoin date: May 2008Posts: 538Downloads:159Uploads:218 Thanks: 72 Thanked: 7 times in 3 posts]

#530597

Nope, I am sorry, that’s not it, now ALL my pages have extra space….

I think we need to go into the weekend :laugh:

---

Attachments:

1. 

[swissa Friend swissaJoin date: November 2011Posts: 1955Downloads:7Uploads:277 Thanks: 175 Thanked: 717 times in 572 posts]

#530598

Sorry, you haven’t copied the code across properly. You have left the .t3-mainbody 200px space in there – that’s where the extra space is coming from.

Completely clear custom.css – nothing in it at all and save it.

Than copy all the code I made in post#9, put it into custom.css and save it.

It works – trust me even if I do have a bier in my hand!! 😀

Enjoy the weekend.

[smartmax Friend smartmaxJoin date: May 2008Posts: 538Downloads:159Uploads:218 Thanks: 72 Thanked: 7 times in 3 posts]

#530615

I think I need the same beer you are having! 😀
Many thanks Swissa, have a great weekend!

[Author]

Posts