Joomla Templates Club 406,261 posts

[slate Friend slateJoin date: October 2015Posts: 24Downloads:0Uploads:0]

#731278

Hi,

I would like to have a bigger logo at the template. I have only 5 menu points – so I would like to move the menu points a little bit to the right and make my logo bigger.
With firebug I saw that it is set with bootstrap.
Where is the correct file for it located and how can I solve the problem?

At the moment, I selected at the “Theme” a .png at “LogoImage”.
But it is not in the right position.

Screenshot:

Thanks!

[Adam M Moderator Adam MJoin date: May 2014Posts: 5159Downloads:33Uploads:66 Thanks: 95 Thanked: 1271 times in 1235 posts]

#750524

Hi @slate,

May I know your site url so I can have a look first ?

[slate Friend slateJoin date: October 2015Posts: 24Downloads:0Uploads:0]

#751146

<em>@Adam M 495634 wrote:</em><blockquote>Hi @slate,

May I know your site url so I can have a look first ?</blockquote>

Hi, its on localhost ..

[Adam M Moderator Adam MJoin date: May 2014Posts: 5159Downloads:33Uploads:66 Thanks: 95 Thanked: 1271 times in 1235 posts]

#751337

Hi @slate,

Please open file templatesja_events_iitplsblocksheader.php and look for this code :

<div class="col-xs-6 col-sm-2 logo">

increase the width of this block by update as below :

<div class="col-xs-6 col-sm-3 logo">

next, you will need to find the code for Main Menu block :

<nav id="t3-mainnav" class="col-xs-2 col-sm-8 navbar navbar-default t3-mainnav">

and reduce it as below :

<nav id="t3-mainnav" class="col-xs-2 col-sm-7 navbar navbar-default t3-mainnav">

[slate Friend slateJoin date: October 2015Posts: 24Downloads:0Uploads:0]

#751394

Thanks, that is what I searched for!

I would like to have the logo on the left and make it bigger, but as I see it is outside of the “row” of bootstrap.
How can I realise it?

Thanks!

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

#751405

It would be most helpful if you could upload your site to your webhost server and provide the url – as you have made various custom modifications that can’t always be appropriately addressed via the base template and/or version.

1 user says Thank You to TomC for this useful post

1. Adam M

[Adam M Moderator Adam MJoin date: May 2014Posts: 5159Downloads:33Uploads:66 Thanks: 95 Thanked: 1271 times in 1235 posts]

#751506

Hi @slate,

As stated above, it’s better if you can temporary upload your site somewhere so we can check. To manually move the logo to left side, open file templatesja_events_iicsscustom.css then add this code :

.logo-image {
left: -20px; /* adjust this value to suite your need */
position: relative;
}

[slate Friend slateJoin date: October 2015Posts: 24Downloads:0Uploads:0]

#751531

Thanks for your reply!
The site is now online for you: http://slate.dj-schweinfurt.de/index.php

Thanks!

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

#751534

<em>@slate 497197 wrote:</em><blockquote>Thanks for your reply!
The site is now online for you: http://slate.dj-schweinfurt.de/index.php

Thanks!</blockquote>

Thank you for that . . . . Before going further, did you try Adam M’s suggestion above yet?

[slate Friend slateJoin date: October 2015Posts: 24Downloads:0Uploads:0]

#751537

<em>@TomC 497200 wrote:</em><blockquote>Thank you for that . . . . Before going further, did you try Adam M’s suggestion above yet?</blockquote>

Sure 🙂
I moved the nav to the right.
As I see, you use bootstrap.
And I like to have the logo on the left, I think thats outside of the “row” section..

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

#751538

If I’m understanding correctly what you’re wanting, try this . . .

Within file path –> /templates/jaeventsii/css/themes/blue/template.css
at line 4574, modify as follows:


.logo a {
display: inline-block;
line-height: 1;
margin-left: -100px;
}

SAVE CHANGES – CLEAR CACHE – REFRESH PAGE

Better ??

[slate Friend slateJoin date: October 2015Posts: 24Downloads:0Uploads:0]

#751980

Thanks, its better now 🙂 — on the PC…

But on the smartphone, the logo is now too much on the left.
The half can?t be shown on my smartphone.

[Saguaros Moderator SaguarosJoin date: September 2014Posts: 31405Downloads:237Uploads:471 Thanks: 845 Thanked: 5346 times in 4964 posts]

#752246

@slate: try to use media queries to add css style for specific screen size: http://getbootstrap.com/css/#grid-media-queries

[Author]

Posts