Viewing 10 posts - 1 through 10 (of 10 total)
  • Author
    Posts
  • toonetcreation Friend
    #908023

    Hello,

    Sorry I forgot one detail regarding this topic :

    https://www.joomlart.com/forums/topic/how-to-reduce-mainav-height-on-ja-elicyon-template/

    CSS modification works fine but there is a space between main-nav and submenu. See attached file.

    Thanks Laurent


    1. menu
    pavit Moderator
    #908268

    Hi

    Check for this code , i cannot verify if it was added to custom.css file

    .t3-megamenu .mega-dropdown-menu {
    margin-top:1px!important;
    }

    and change in this way

    .t3-megamenu .mega-dropdown-menu {
    margin-top:-15px!important;
    }

    Hope it helps


    1. Screenshot_1
    toonetcreation Friend
    #908934

    works fine only when menu is on the top of the page.

    when I scroll down on the page, and so the menu is collapsed on the top, submenu is over main menu.

    see attached file.

    thank you
    Laurent


    1. menu-down
    pavit Moderator
    #909033

    Hi there

    You should disable css optimization from your template so i can look at the correct files

    I can see when page is scrolled down it is still taking old settings

    .t3-megamenu .mega-dropdown-menu {
    margin-top:1px!important;
    } 

    So i need to look in which file such setting is declared

    toonetcreation Friend
    #909464

    ok done.

    I have removed CSS optimization, you can test try again now.

    pavit Moderator
    #909537

    have removed CSS optimization, you can test try again now.

    Hi

    I noted you have also other customizations on your custom.css file, so now i’m quite confused about what you want to obtain, if you remove all your customizations default css works fine as you can see from template demo. so if you could explain with more details why you added such customizations in your custom.css then i can answer with the correct code to obtain what you are asking for.

    Best regards

    toonetcreation Friend
    #909607

    Yes I have doen some customizations because my customer asked me.
    So I cannot remove them.

    Your templates are very nice, that’s why I love them, but in most of cases the default settings of demo template does not match exactly with customers needs.

    The best example is the logo and thats why I have done these modifications on the menu.

    On your demo, the logo size is very very small (40px X 40px).
    My customer needed a bigger logo more visible.
    His logo size is 228px X 40px

    Then he told me that the header was too height for him.
    On your demo, the header height size is 120px (grey background).
    On my website, the header height size is 90px (blue background).

    That’s why CSS was broken.

    See attached file to see.


    1. menu-1
    pavit Moderator
    #909693

    Try to add this to your custom.css

    .affix .navbar-nav > li > a {
    padding-bottom:0px!important;
    }

    Let me know if this works as expected

    toonetcreation Friend
    #909701

    does not work.

    but works with this code :

    .affix .navbar-nav > li > a {
    padding-bottom:48px!important;
    }
    pavit Moderator
    #909702

    but works with this code :

    Glad you found it, so we can consider this topic as solved now

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

This topic contains 9 replies, has 2 voices, and was last updated by  pavit 8 years, 7 months ago.

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