Viewing 13 posts - 1 through 13 (of 13 total)
  • Author
    Posts
  • vmalyshev Friend
    #203513

    Hi
    As you can see on picture, slider is blocked by modules underneath.
    Logo is very small.
    Modules, which are supposed to go in feature – 1 position are not there.
    Why such a mess?
    Thanks


    1. 23631241492513022270-2014-12-12-13.32.45
    vmalyshev Friend
    #558502

    The problems appear in IE by the way, Firefox is fine. Not sure about chrome.

    vmalyshev Friend
    #558584

    To add more problems on small devices the logo appears very small.

    Eragon H Friend
    #558654

    Can you provide the temporary admin account, so I can access your site to check the issue

    Eragon H Friend
    #559026

    I received your PM.

    I checked your site and find that all images aren’t loaded >>

    Can you recheck this firstly?


    1. 2014-12-11-11.33.36
    vmalyshev Friend
    #559030

    am i right in thinking you are doing some work ont he website? coz all many things are not showing up on it.

    Eragon H Friend
    #559032

    I’ve just logged in your site and haven’t done anything yet. Kindly check my reply above

    vmalyshev Friend
    #559066

    Im not sure your question has any relevance. You need to open it through IE and see the problems with the layoout. Forget about the pictures.

    Eragon H Friend
    #559117

    <em>@vmalyshev 458086 wrote:</em><blockquote>Im not sure your question has any relevance. You need to open it through IE and see the problems with the layoout. Forget about the pictures.</blockquote>

    How can I fix your logo in mobile without seeing the logo image?

    1. I checked your site and there is only 1 module assign to Homepage at “feature-1” position, and it is displaying well

    2. I can’t find any difference when viewing your site in Chrome, Firefox and IE
    a. IE:
    b. Firefox:
    c.

    3. To fixed the problem in mobile/tablet, you can edit the file root/templates/ja_decor/custom.css as below
    a. Change the code
    From:

    .navbar-header {
    height: 180px;}

    To:

    @media (min-width: 993px)
    {
    .navbar-header {
    height: 180px;}
    }

    b. Add this code

    @media (max-width: 992px)
    {
    .logo-image {
    margin-top: -30px !important;}

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

    .t3-header {
    min-height: 90px !important;}
    }

    You can change the value to the one you need

    Result:

    You may need to clear cache (Joomla cache, Browser cache) to see the change


    1. mobile
    2. Firefox
    3. IE
    4. Chrome
    vmalyshev Friend
    #559172

    Thanks

    my css looks like this

    /*Increase the width and height of DECOR Logo*/ .logo-image img { max-width: 450px; max-height: 200px; }

    /*slideshow space*/ .t3-slideshow { margin-bottom: 0px;}
    @media (min-width: 993px)
    {
    .navbar-header {
    height: 180px;}
    }
    @media (max-width: 992px)
    {
    .logo-image {
    margin-top: -30px !important;}

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

    .t3-header {
    min-height: 90px !important;}
    }

    Is this what you mean?

    vmalyshev Friend
    #559173

    on mobile devices logo looks too small and top bar is too thin. Not like on the pic you sent.

    Eragon H Friend
    #559330

    I fixed directly on your site according to my suggestion in previous post. Kindly recheck and let me know

    vmalyshev Friend
    #559342

    ok thanks, but still is the code in the css that I posted on prev page us the correct one? coz its still in the ccustom.css.

    Thanks.

Viewing 13 posts - 1 through 13 (of 13 total)

This topic contains 13 replies, has 2 voices, and was last updated by  vmalyshev 9 years, 4 months ago.

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