Viewing 15 posts - 16 through 30 (of 36 total)
  • Author
    Posts
  • chavan Friend
    #547217

    check on all the theme of JA Biz in the template manager. and change logo to text. this would fix it

    kamnaderi Friend
    #547273

    Hi,

    Thanks for your help. The themes were already changed to “text”, however you clue gave me an idea to change the current style from default to “ja biz-home”. Then I changed the logo to text and worked.

    Many thanks for your help. 🙂

    Kam

    edd Friend
    #548516

    <em>@Chavan 423308 wrote:</em><blockquote>Yes Tom, you were correct, but thought that would help.

    I will give another try on this, check If i could suggest it right.

    Add this code to /templates/ja_biz/css/custom.css

    @media screen and (max-width: 660px) {
    .t3-mainnav{
    height:110px;
    background:#FFF;
    }
    .logo-image .logo-img {
    max-height: 80px;
    }
    }

    </blockquote>

    Hi there,

    I’m trying to change logo size.
    Actually I have installed a new fresh JA biz template using Joomla 3.3.3
    The template is working fine, but I think that logo is very small, in fact my client has a nice logo and we would like to use a good size for it.
    So I woul like to install a logo with 100 or 150 px heigh, actually the logo I installed is 150px heigh and it looks too tiny…
    (take a look to the screen I’m sending)

    I was reading this post and I cannot find the “custom.css” file.
    Is beacause I use joomla 3?

    Please could you help me to figure out with this?

    Thanks a lot

    ED


    1. screen
    TomC Moderator
    #548517

    <em>@edd 444518 wrote:</em><blockquote>

    I was reading this post and I cannot find the “custom.css” file.
    Is beacause I use joomla 3?

    ED

    </blockquote>

    No, it’s because you need to create the custom.css file yourself.

    Create the file within file path –> /templates/ja_biz/css/
    (so the final file path will be: /templates/ja_biz/css/custom.css)

    Then you can place your custom CSS rules within the custom.css file and they will be protected from being overwritten at times of update/upgrade.

    🙂

    edd Friend
    #548518

    Hi TomC,

    Thanks for your reply.

    Is this fix working right for what I need?:

    @media screen and (max-width: 660px) {
    .t3-mainnav{
    height:110px;
    background:#FFF;
    }
    .logo-image .logo-img {
    max-height: 80px;
    }
    }

    Thanks for your advice

    TomC Moderator
    #548520

    It may be … but I would need to see your actual site – and know specifically what you want – to know for sure.

    edd Friend
    #548525

    Hi there,

    I woul like to install a logo with 100 or 150 px heigh, actually the logo I installed is 150px heigh and it looks too tiny…
    (take a look to the screenshoot )

    I just have created the custom.css file and it is not working, tha logo is still the same size.

    So, I was also reading that maybe it could affect the mobile version, I mean the logo could look too big for the mobile template version.

    Thanks a lot

    ED


    1. screen-21.18.40
    TomC Moderator
    #548526

    Okay, so that I can try to assist you best, please provide the url of the site you’re working on. 😎

    edd Friend
    #548527

    I sent you by PM

    TomC Moderator
    #548528

    <em>@edd 444530 wrote:</em><blockquote>I sent you by PM</blockquote>


    Got It . . . .

    Add this code to: /templates/ja_biz/css/custom.css


    @media screen and (max-width: 660px) {
    .t3-mainnav{
    height:150px;
    }

    .logo-image .logo-img {
    height: 150px;
    }
    }

    edd Friend
    #548529

    Sorry, it is not working 🙁

    edd Friend
    #548531

    Well, I added a line to the code you gave me, but now the logo is too big…
    On mobile version it is just perfect, this is the code I’m using, take a look to the link::

    @media screen and (max-width: 660px) {
    .t3-mainnav{
    height:180px;
    background:#FFF;
    }
    .logo-image .logo-img {
    max-height: 150px;
    }
    }

    .logo-image .logo-img{
    max-height:150px !important;
    }

    TomC Moderator
    #548532

    You only need the following:

    @media screen and (max-width: 660px) {
    .t3-mainnav{
    height:120px;
    }

    .logo-image .logo-img {
    height: 150px;
    }
    }

    edd Friend
    #548533

    But this code is not working at all…
    :((

    TomC Moderator
    #548534

    <em>@edd 444536 wrote:</em><blockquote>But this code is not working at all…
    :((</blockquote>

    Try adding the following to your custom.css file as well:


    .navbar-header {
    height: 115px;
    }

Viewing 15 posts - 16 through 30 (of 36 total)

This topic contains 36 replies, has 6 voices, and was last updated by  TomC 9 years, 8 months ago.

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