Viewing 10 posts - 1 through 10 (of 10 total)
  • Author
    Posts
  • lukelee0223 Friend
    #1112333

    Hi guys,

    As the title, please see the attachment first.
    As you can see, some of the photos are covered.
    So I want to change:

    1. The height of mainmenu. (I have tried to change the min-height, but it is not working…)
    2. I want to move the slideshow position down to make the mainmenu don’t cover the slideshow.

    Did you have any better idea?

    Link:http://luke-ghostwriter.com/testPool/PMP/index.php/zh-tw/

    Thanks,

    Luke


    1. 00005
    Saguaros Moderator
    #1112341

    Hi Luke,

    You can use custom CSS to achieve that:

    .has-slideshow .t3-header {
      height: 70px;
    }
    
    .ja-slideshow {
      top: 70px;
    }
    timtecsa Friend
    #1112343

    Hi,

    You could make the main menu background darker using custom css. e.g.

    @media (min-width: 992px)
    .t3-header {
        background: rgba(29,29,29,0.44)!important;
    }

    and change its height in style css.

    element.style {
        height: 72px;
    }

    Tim


    1. pmp
    lukelee0223 Friend
    #1112346
    This reply has been marked as private.
    lukelee0223 Friend
    #1112349
    This reply has been marked as private.
    Saguaros Moderator
    #1112427

    Hi Luke,

    My above suggestion should not affect that style of collapse menu, you can comment/remove my code and see the same. Did you add other custom code somewhere on your site?

    lukelee0223 Friend
    #1112468
    This reply has been marked as private.
    Saguaros Moderator
    #1112478

    Hi Luke,

    To avoid the style that affects small screen, you can use Media Queries in Boostrap, like:

    @media (min-width: 992px) {
      /*your custom style goes here*/;
    }

    This style will have affect in screen size of 992px and above

    lukelee0223 Friend
    #1112489

    Hi Saguaros,

    Wow~! The media queries fix all. You always give me amazing help.

    May I ask why we just define the height of mainmenu that could affects the items of collapse menu invisible?
    I really can’t get picture about this…

    Thanks,

    Luke

    Saguaros Moderator
    #1112520

    It may have the same class with the one used in the custom CSS above and also take affect.

    Anyway, it’s working fine now.

    P/s: if you have new question, pls help us to post in new forum: https://member.joomlart.com/forums/

    Have a nice weekend.

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

This topic contains 9 replies, has 3 voices, and was last updated by  Saguaros 9 months ago.

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