Joomla Templates Club 406,261 posts

[sebbs Friend sebbsJoin date: February 2006Posts: 529Downloads:0Uploads:62 Thanks: 164 Thanked: 6 times in 2 posts]

#196467

Site:
http://baico.dev.dnsnetworks.ca/

I removed my search field as I decided to add it in my main navigation and also add a search item within the nav…but it’s moved down and around my logo – can someone help me put it back to the right side of the logo??

This is in my custom.css file:

}
.col-xs-12.col-md-3.logo.col-sm-6 {
width: auto;
}
.col-xs-12.col-md-6.t3-mainnav.navbar.navbar-default.hidden-sm {
width: auto;
}

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

#529588

<em>@sebbs 420012 wrote:</em><blockquote>

This is in my custom.css file:

}
.col-xs-12.col-md-3.logo.col-sm-6 {
width: auto;
}
.col-xs-12.col-md-6.t3-mainnav.navbar.navbar-default.hidden-sm {
width: auto;
}</blockquote>

Try This . . .


col-xs-12.col-md-6.t3-mainnav.navbar.navbar-default.hidden-sm {
width: auto;
float: right;


and then, perhaps, something like this (in your custom.css)


.t3-header {
background: none repeat scroll 0 0 #0077BB
height: 155px;
padding-bottom: 0;
padding-top: 20px;
position: relative;
}

Getting closer to what you want?

[sebbs Friend sebbsJoin date: February 2006Posts: 529Downloads:0Uploads:62 Thanks: 164 Thanked: 6 times in 2 posts]

#529590

I added both your comments to the custom.css file…

looks like this now:
http://baico.dev.dnsnetworks.ca/

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

#529720

You can try with editting the grid size of the header by opening this file: templatesja_bookshoptplsblocksheader.php

and change as this screenshot: http://prntscr.com/37rdt3

1 user says Thank You to Saguaros for this useful post

1. sebbs

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

#529847

Hi Debs:

Were the above suggestions helpful to you?

1 user says Thank You to TomC for this useful post

1. sebbs

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

#529857

Try adding the following within your custom.css file


.t3-mainnav {
border-left: 0 none;
border-radius: 0;
border-right: 0 none;
bottom: 50px;
float: right;
width: 100%;
}

Let me know how that looks when you’ve saved changes – cleared cache – refresh page.

If we’re moving in the right direction, we can further tighten things up per how you are wanting things to look.

[sebbs Friend sebbsJoin date: February 2006Posts: 529Downloads:0Uploads:62 Thanks: 164 Thanked: 6 times in 2 posts]

#529860

Looking better!
http://baico.dev.dnsnetworks.ca/administrator/index.php?option=com_menus&view=items

now it needs to be moved to the right?

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

#529861

Try this slight modification to the above . . .


.t3-mainnav {
border-left: 0 none;
border-radius: 0;
border-right: 0 none;
bottom: 50px;
float: right;
width: 1000px ;
}

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

#529862

<em>@sebbs 420415 wrote:</em><blockquote>Looking better!
http://baico.dev.dnsnetworks.ca/administrator/index.php?option=com_menus&view=items

now it needs to be moved to the right?</blockquote>

Site seems to be password protected now :((

1 user says Thank You to TomC for this useful post

1. sebbs

[sebbs Friend sebbsJoin date: February 2006Posts: 529Downloads:0Uploads:62 Thanks: 164 Thanked: 6 times in 2 posts]

#529863

Looks much better! Can we make it a bit higher?

would i just edit bottom: 100px; <– is that how it works?

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

#529864

<em>@sebbs 420418 wrote:</em><blockquote>Looks much better! Can we make it a bit higher?

would i just edit bottom: 100px; <– is that how it works?</blockquote>

Yes, you can increase the pixel value of the “bottom” property until you arrive at a result you’re happy with

[sebbs Friend sebbsJoin date: February 2006Posts: 529Downloads:0Uploads:62 Thanks: 164 Thanked: 6 times in 2 posts]

#529865

Thank you very much TomC!

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

#529866

<em>@sebbs 420420 wrote:</em><blockquote>Thank you very much TomC!</blockquote>

Glad to be of assistance . . . All the best with your continuing site development.

🙂

[Author]

Posts