Joomla Templates Club 406,261 posts

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

#195650

Hello, here is my site: http://dev.dnsnetworks.ca/
As you can see my last menu item (Why Choose Us) is hidden by my search box. Anyone have any ideas?
Put it somewhere else or make it smaller?

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

#526131

What you can do is modify the CSS for the search box a bit – for example:


#ja-search {
background: url("../templates/ja_minisite/images/bgd_search.png") no-repeat scroll 100% 100% rgba(0, 0, 0, 0);
bottom: auto;
padding: 0 0 10px;
right: -220px;
top: 100px;
width: 220px;
z-index: 100;
}

If you would like for me to help you identify the exact file path and CSS line number, please temporarily set “Optimize CSS” to “No” within your Template Manager–General settings.

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

#526134

http://dev.dnsnetworks.ca/

Is this the way it’s supposed to look like after making that change?

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

#526139

<em>@sebbs 415642 wrote:</em><blockquote>http://dev.dnsnetworks.ca/

Is this the way it’s supposed to look like after making that change?</blockquote>

Yes …. so that is one way you can try to deal with your particular issue.

Do you have another idea in mind?

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

#526140

Here is another possible solution (same CSS rule):


#ja-search {
background: url("../templates/ja_minisite/images/bgd_search.png") no-repeat scroll 100% 100% rgba(0, 0, 0, 0);
padding: 0 0 10px;
top: 60px;
width: 220px;
z-index: 100;
}

[Author]

Posts