Joomla Templates Club 406,261 posts

[bmbsoluzioni Friend bmbsoluzioniJoin date: March 2013Posts: 8Downloads:0Uploads:1 Thanks: 4]

#188330

Hi everyone,

I’ve inserted one image in position “social” and the main-inner4 goes down.
In order to move logo in the same line with the inner4 (menù bar), I edited the css..adding “padding: 120px;” at voice h1.logo and it works.

Unfortunately now the second voice of the main menù didn’t work anymore.

Is there a better code to insert in order to allign the logo with menù bar? Or a better position than “social” for the image in a way to not give any problem?

Thank you in advance, I’m looking forward to hearing from you.

Sincerly

Franco Marinari

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

#496287

Can you, perhaps, provide a screenshot mock-up of how the logo is supposed to line up with the main menu and such?
It will help to see what you’re wanting to accomplish – so as to try to provide you with the correct recommendation.

[bmbsoluzioni Friend bmbsoluzioniJoin date: March 2013Posts: 8Downloads:0Uploads:1 Thanks: 4]

#496307

<em>@TomC 377306 wrote:</em><blockquote>Can you, perhaps, provide a screenshot mock-up of how the logo is supposed to line up with the main menu and such?
It will help to see what you’re wanting to accomplish – so as to try to provide you with the correct recommendation.</blockquote>

Here is the image… logo and menu have the correct allignement but the second menu item (“i nostri prodotti”) is unselectable…moreover if I try to disable that voice, the next one become unserviceable like the one before…. it’s something linked to the logo image in my opinion..

Any suggestions? tnx

---

Attachments:

1. 

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

#496409

I fixed the problem overlap css style the logo with main menu on your site

Open templates/ja_mers/css/template.css file

From

h1.logo a {
background: url(../images/logo.png) no-repeat left;
display: block;
width: 120px;
height: 120px;
padding: 120px;
}

change to


h1.logo a {
background: url(../images/logo.png) no-repeat left;
display: block;
width: 120px;
height: 120px;
padding: 120px 0px 120px 0px;
}


Please check it again let me know if it helps

1 user says Thank You to Ninja Lead for this useful post

1. bmbsoluzioni

[bmbsoluzioni Friend bmbsoluzioniJoin date: March 2013Posts: 8Downloads:0Uploads:1 Thanks: 4]

#496467

It works! Thank you so much!!

<em>@Ninja Lead 377467 wrote:</em><blockquote>I fixed the problem overlap css style the logo with main menu on your site

Open templates/ja_mers/css/template.css file

From

h1.logo a {
background: url(../images/logo.png) no-repeat left;
display: block;
width: 120px;
height: 120px;
padding: 120px;
}

change to


h1.logo a {
background: url(../images/logo.png) no-repeat left;
display: block;
width: 120px;
height: 120px;
padding: 120px 0px 120px 0px;
}


Please check it again let me know if it helps</blockquote>

[bmbsoluzioni Friend bmbsoluzioniJoin date: March 2013Posts: 8Downloads:0Uploads:1 Thanks: 4]

#496478

Can you tell me the meaning of the second “120px” ?

Because I can’t realize what it is related to….thank you so much!

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

#496530

<em>@bmbsoluzioni 377553 wrote:</em><blockquote>Can you tell me the meaning of the second “120px” ?

Because I can’t realize what it is related to….thank you so much!</blockquote>

The padding shorthand property sets all the padding properties in one declaration.
This property can have from one to four values.

For example:

• padding:10px 5px 15px 20px;
1. top padding is 10px
2. right padding is 5px
3. bottom padding is 15px
4. left padding is 20px

[Author]

Posts