Forum Replies Created

Viewing 2 replies - 1 through 2 (of 2 total)
  • Thread Starter khellstr

    (@khellstr)

    Important doesn’t work, because margin can’t be same in front-page and other pages.

    I found that element style margin-bottom comes from global.js that is in assests folder. But didn’t edit that cause I got it work with this ugly css hack:

    .main-navigation ul, .main-navigation .menu-item-has-children > a > .icon, .main-navigation .page_item_has_children > a > .icon, .main-navigation ul a > .icon {
        display: block !important;
    }
    
    .js .menu-toggle {
        display: none !important;
    }
    
    .navigation-top {
        bottom: 0 !important;
        font-size: 14px !important;
        font-size: 0.875rem !important;
        left: 0 !important;
        position: absolute !important;
        right: 0 !important;
        width: 100% !important;
        z-index: 3 !important;
    }
    .main-navigation li {
         display: inline-block !important;
    	 border-bottom: 0;
    }
    .main-navigation a {
        padding: 1em 1.25em !important;
    }
    • This reply was modified 9 years, 1 month ago by khellstr.
    Thread Starter khellstr

    (@khellstr)

    Thanks Liam.
    I got it work, almost.
    Now I’m getting headache with “custom-header” div margin. Its a “element style” and cannot figure out where it comes. It changes responsive to screensize, but also depending on if we are in front-page or not.
    <div class="custom-header" style="margin-bottom: 72px;">

    In header-image.php I find this:

    <div class="custom-header>
    It doesn’t have style, so I really can’t figure out where that margin style comes.

    • This reply was modified 9 years, 1 month ago by khellstr.
Viewing 2 replies - 1 through 2 (of 2 total)