1. muddasirpk
  2. Commercial Templates
  3. Wednesday, 03 April 2013
  4.  Subscribe via email
If we see sample Resonate template at your site, at top left it says

'YOU ARE HERE: HOME'

What position we had to use to write our text there?

Actually, my company name is too long which I want to put there as our logo cannot be fixed on current potision.

If i move my logo using x and y position using template still it show only half page and get cutted, half of the space still get (over hide) by search box at top,

So is this possible , on most left (at top) I put some long text and it will go along with near to search box.
Accepted Answer Pending Moderation
0
Votes
Undo
Hi Munir

This is a breadcrumbs module in the 'breadcrumb' module position.

Would you have a URL to an example of your truncated logo text?

Ciarán
  1. more than a month ago
  2. Commercial Templates
  3. # 1
Accepted Answer Pending Moderation
0
Votes
Undo
Check this http://mysite.cluhost.info/

The whole name is Canada West Litigation Advance Ltd.

You can see it start hiding from ADV.
  1. more than a month ago
  2. Commercial Templates
  3. # 2
Accepted Answer Pending Moderation
0
Votes
Undo
Try adding the following to the Custom CSS field of your templates parameters...


[code type=css].logo_container, h1.logo, h1.logo a {width: 600px;}[/code]

Ciarán
  1. more than a month ago
  2. Commercial Templates
  3. # 3
Accepted Answer Pending Moderation
0
Votes
Undo
It works but the top logo picture is not responsive, how to make it responsive?
  1. more than a month ago
  2. Commercial Templates
  3. # 4
Accepted Answer Pending Moderation
0
Votes
Undo
Hellow you can see the top text in blue is not responsive , see it at

http://mysite.cluhost.info/

The searh box and text overlaps.

How to make it responsive?
  1. more than a month ago
  2. Commercial Templates
  3. # 5
Accepted Answer Pending Moderation
0
Votes
Undo
In your logos current position there is no way to accommodate both your logo and search field on smaller devices.

Ciarán
  1. more than a month ago
  2. Commercial Templates
  3. # 6
Accepted Answer Pending Moderation
0
Votes
Undo
I had removed the searhbox, now i can i make the logo responsive.

Review site now at http://canadawestla.com/
  1. more than a month ago
  2. Commercial Templates
  3. # 7
Accepted Answer Pending Moderation
0
Votes
Undo
Try the following..

You will need to load a new version of your logo suitable for mobile devices (portrait/landscape). To do so try adding the following CSS to the Custom CSS field of your templates parameters. This is a media query for a landscape mobile device...


[code type=css]@media only screen and ( max-width: 767px ) {
h1.logo a {background: url("/images/logo1.png";) !important;}
}[/code]

Where /images/logo1.png is the path to the logo to be loaded on a landscape mobile device.

Also add the following CSS for a portrait mobile devices..


[code type=css]@media only screen and (max-width: 440px) {
h1.logo a {background: url("/images/logo2.png";) !important;}
}[/code]

Where /images/logo2.png is the path to the logo to be loaded on a portrait mobile device.

Ciarán
  1. more than a month ago
  2. Commercial Templates
  3. # 8
  • Page :
  • 1


There are no replies made for this post yet.
Be one of the first to reply to this post!