Public Forums 71,145 posts

[minas69 Friend minas69Join date: September 2007Posts: 260Downloads:0Uploads:99 Thanks: 73 Thanked: 6 times in 1 posts]

#200413

Hi,

I need to place a logo like this..see image…

Click image for larger version

The logo size 755 x 105 png

What I have to do ?

and for mobil ?

thanks in advance

markus

---

Attachments:

1. 
2. 

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

#545506

So I’m looking at your site (via the link you provided) and your logo looks just like the image.

Were you able to resolve your own issue? 😎

[minas69 Friend minas69Join date: September 2007Posts: 260Downloads:0Uploads:99 Thanks: 73 Thanked: 6 times in 1 posts]

#545517

hi TomC 🙂

I got it but the solution is really bad….All other should be adjusted to the logo too like massheader, content and mobil version….. Perhaps there is a better solution ?

thanks
markus

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

#545518

<em>@minas69 440743 wrote:</em><blockquote>hi TomC 🙂

I got it but the solution is really bad….All other should be adjusted to the logo too like massheader, content and mobil version….. Perhaps there is a better solution ?

thanks
markus</blockquote>

Well, I would need to know what your solution was/is before providing any additional suggestions.

The first thing that came to my mind was an “overlap” using a “z-index” CSS property relationship between your logo and the main nav menu.

[minas69 Friend minas69Join date: September 2007Posts: 260Downloads:0Uploads:99 Thanks: 73 Thanked: 6 times in 1 posts]

#545844

Hi TomC,

I already updated the template and erased my custom.css. I want to start from the beginnig with the right way 🙂

I used the head-search position to add a new menu..top right nav….

Now I need below the image logo with a size 850 x50

Below the logo should be the normal main nav…

After I placed the logo it looks like this:

What I have to do?…..

thanks for your help!
markus

---

Attachments:

1. 
2. 

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

#545856

Try This . . . . .

Re-create your custom.css file within file path –> /templates/purity_iii/css/
(e.g. /templates/purity_iii/css/custom.css)

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


.t3-mainnav {
height: 160px;
}

.t3-mainnav .t3-navbar {
margin-top: 5px;
}

.logo {
left: 0;
margin-top: 50px;
}

.page-masthead .jumbotron {
margin-bottom: 0 !important;
margin-top: 0 !important;
padding: 10px 0;
}

SAVE CHANGES – CLEAR CACHE – REFRESH PAGE

Getting There ??

1 user says Thank You to TomC for this useful post

1. minas69

[minas69 Friend minas69Join date: September 2007Posts: 260Downloads:0Uploads:99 Thanks: 73 Thanked: 6 times in 1 posts]

#545866

<em>@TomC 441148 wrote:</em><blockquote>Try This . . . . .

Re-create your custom.css file within file path –> /templates/purity_iii/css/
(e.g. /templates/purity_iii/css/custom.css)

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


.t3-mainnav {
height: 160px;
}

.t3-mainnav .t3-navbar {
margin-top: 5px;
}

.logo {
left: 0;
margin-top: 50px;
}

.page-masthead .jumbotron {
margin-bottom: 0 !important;
margin-top: 0 !important;
padding: 10px 0;
}

SAVE CHANGES – CLEAR CACHE – REFRESH PAGE

Getting There ??</blockquote>

Wow..super!

thanks for your kindly help 🙂

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

#545870

Happy to be of assistance … All the best with your continuing site development. 🙂

[minas69 Friend minas69Join date: September 2007Posts: 260Downloads:0Uploads:99 Thanks: 73 Thanked: 6 times in 1 posts]

#545873

TomC…

now I see that my masthead is under the main nav….:/

😮

greetz
markus

…got it….:D

1 user says Thank You to minas69 for this useful post

1. TomC

[minas69 Friend minas69Join date: September 2007Posts: 260Downloads:0Uploads:99 Thanks: 73 Thanked: 6 times in 1 posts]

#545946

Hi TomC,

one additional question.

if I do not use the masthead then the module positions for example sidebar 1 and 2 as well the content are inside the header.

So they must moved down same like the mainnav…

What I have to add?

thanks in advance
markus

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

#545998

<em>@minas69 441254 wrote:</em><blockquote>Hi TomC,

one additional question.

if I do not use the masthead then the module positions for example sidebar 1 and 2 as well the content are inside the header.

So they must moved down same like the mainnav…

What I have to add?

thanks in advance
markus</blockquote>

So you want your masthead area visible/active even when you’re not utilizing it?

That may result in a big open/unused space between your top header area and your content – is that okay?

[minas69 Friend minas69Join date: September 2007Posts: 260Downloads:0Uploads:99 Thanks: 73 Thanked: 6 times in 1 posts]

#546089

Hi TomC,

I mean as follow.

When I use the masthead it looks like this:

without the masthead it looks like this:

same at the bottom:

Thanks for your support….
markus

---

Attachments:

1. 
2. 
3. 
4. 
5. 

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

#546139

Well, you can try adding the following to your custom.css file:


.t3-mainbody {
padding-bottom: 22px;
padding-top: 100px;
}

.page-masthead:after {
clear: both;
margin-bottom: -100px;
}


Check your pages with and without the masthead and see how that works for you.

1 user says Thank You to TomC for this useful post

1. minas69

[minas69 Friend minas69Join date: September 2007Posts: 260Downloads:0Uploads:99 Thanks: 73 Thanked: 6 times in 1 posts]

#546215

Perfect !!

Thanks a lot you´re really helpful..:)

markus:cool:

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

#546232

Always glad to be able to help out . . . . All the best with your continuing site development. 😎

[Author]

Posts