Joomla Templates Club 406,261 posts

[guap Friend guapJoin date: March 2008Posts: 408Downloads:16Uploads:109 Thanks: 99 Thanked: 8 times in 2 posts]

#205319

How can I align the top menu along with the logo?

Thank you.

---

Attachments:

1. 

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

#565953

So that we can try to best assist you, please provide the url of the site you’re working on

[guap Friend guapJoin date: March 2008Posts: 408Downloads:16Uploads:109 Thanks: 99 Thanked: 8 times in 2 posts]

#565973

<em>@TomC 467274 wrote:</em><blockquote>So that we can try to best assist you, please provide the url of the site you’re working on</blockquote>

Here is the link

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

#565974

Here’s one creative way to go about it . . . .

If you haven’t yet done so, create a new file called “custom.css” within file path –> templates/ja_fubix/css/

Within that custom.css file, paste the following CSS rule . . .


.navbar .nav {
display: block;
float: left;
left: -162px;
margin: 0 10px 0 0;
position: relative;
}

The negative value “left” property is the one controlling the position (in this case).

Better ??

[guap Friend guapJoin date: March 2008Posts: 408Downloads:16Uploads:109 Thanks: 99 Thanked: 8 times in 2 posts]

#565980

Yes. It is better. Thank you.

Also, I wanted to remove those gray border lines but not working.

.navbar .nav {
display: block;
float: left;
left: -162px;
position: relative;
margin-right: 10px;
margin-bottom: 0;
margin-left: 0;
padding-top: 20px;
border-style:none;

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

#565983

Try adding this to your custom.css file:


.t3-mainnav .navbar .nav > li > a, .t3-mainnav .navbar .nav > li > span.separator {
border: none;

}

[guap Friend guapJoin date: March 2008Posts: 408Downloads:16Uploads:109 Thanks: 99 Thanked: 8 times in 2 posts]

#565985

🙂 Aw the left border of “home” link still visible though

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

#565987

<em>@guap 467313 wrote:</em><blockquote>:) Aw the left border of “home” link still visible though</blockquote>

Add the following to your custom.css file . . . .


.t3-mainnav .navbar .nav {
border-left: none;
}

1 user says Thank You to TomC for this useful post

1. guap

[guap Friend guapJoin date: March 2008Posts: 408Downloads:16Uploads:109 Thanks: 99 Thanked: 8 times in 2 posts]

#565988

Thank you so very much 🙂

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

#565989

Glad I could help out . . . All the nest with your continuing site development. 🙂

[Author]

Posts