test
Viewing 15 posts - 1 through 15 (of 36 total)
  • Author
    Posts
  • ankianka66 Developer
    #195419

    Hi!

    Why do you keep making templates with such small logos? This one has a height of 30 px. Most of my clients have logos that aren´t readable in such small sizes. Of course I know I can make them bigger, but then everything looks a mess in for example an iphone.

    Isn´t there a way to get over this problem? A bit bigger logos that don´t interfere with the responsiveness?

    TomC Moderator
    #525136

    How much bigger do you want your logo to be?

    Hayden A Friend
    #525159

    @ankianka66,
    Please try to upload a bigger logo http://easycaptures.com/fs/uploaded/662/5004544491.jpg You also need to create a new css file named: custom.css in templatesja_bizcss path, then add this CSS rule:
    [PHP]@media (max-width: 767px) {
    .logo-image .logo-img {
    max-width: 90%;
    }
    }[/PHP]

    ankianka66 Developer
    #525198

    This is the way my clients logo look (see encl picture, 30 px to the right). If I make the height 30 px the companys name is impossble to read. I can´t be the only one who deals with detailed logos…


    1. logo_show
    ankianka66 Developer
    #525216

    I managed to do the logo 50 px high and I think it looks OK in all devices… :):laugh:

    farma Friend
    #525224

    <em>@ankianka66 414493 wrote:</em><blockquote>I managed to do the logo 50 px high and I think it looks OK in all devices… :):laugh:</blockquote>

    Have te same problem with logo. How did you managed to do the logo @ 50 px height?

    ankianka66 Developer
    #525228

    I use the default style. Made the logo 50 px high and uploaded it via FTP.

    In template.css I found:

    .t3-logo {
    width: 182px;
    height: 50px;
    }
    .t3-logo-small {
    width: 60px;
    height: 30px;
    }

    So I hope this will work in all sorts of devices.

    farma Friend
    #525231

    I think both t3 classes are used for t3 logo in footer. Company logo style is in .logo-image .logo-img class.

    .logo-image .logo-img {
    max-height: 40px;

    ankianka66 Developer
    #525232

    Aha… Then perhaps I have to change to 40 px. But it looks great with 50…

    lg21 Friend
    #525301

    I also have the same problem. I would like to put a logo of width 344 px and height 80 px

    I made ​​the following changes to the file template.css

    . t3-mainnav. container {
    ** padding-top: 30px;
    ** padding-bottom: 30px;
    ** position: relative;

    . {t3-logo
    ** width: 344px;
    ** height: 80px;
    }
    . {t3-logo-small
    ** width: 172px;
    ** height: 40px;

    . logo-image. logo-img {
    ** max-height: 80px;

    but I do not see the logo properly centered with menu

    what wrong?


    1. logo_template
    TomC Moderator
    #525309

    <em>@lg21 414595 wrote:</em><blockquote>
    but I do not see the logo properly centered with menu

    what wrong?
    </blockquote>

    So that we can try to take a closer look, it would be helpful if you could provide the url of the site you’re working on – as well as temporarily set “Optimize CSS” to “Off” within your Template Manager — General settings.

    lawdoc Friend
    #525448

    <em>@TomC 414608 wrote:</em><blockquote>So that we can try to take a closer look, it would be helpful if you could provide the url of the site you’re working on – as well as temporarily set “Optimize CSS” to “Off” within your Template Manager — General settings.</blockquote>
    You almost made it. Yet the snarky remarks are transparently present. You are the exact reason, why I do not ask questions when I need assistance.

    lg21 Friend
    James G Friend
    #525483

    In Custom.css

    Add:

    .t3-mainnav .container {
    padding-top: 20px;
    padding-bottom: 40px;
    position: relative;
    }
    .t3-mainnav .t3-navbar {
    padding: 15px 5px 5px 5px;
    float: right;
    z-index: 100;
    margin-right: 60px;
    }
    .head-search {
    padding-top: 10px;
    height: 32px;
    margin: 0;
    position: absolute;
    right: 30px;
    top: 25px;
    }

    Change the padding to your liking and this will increase the top menu bar.

    Also change the 15px to the padding you like so the menu stays in the middle.

    There may be a better way but this works.

    😎

    lg21 Friend
    #525496

    perfect thanks

Viewing 15 posts - 1 through 15 (of 36 total)

This topic contains 36 replies, has 12 voices, and was last updated by  chavan 10 years, 8 months ago.

We moved to new unified forum. Please post all new support queries in our New Forum