Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • December 2, 2015 at 11:26 pm #546170
    norwestarch

    Hi,

    It appears that the events plugin featured image isn’t full width when the responsiveness drops the upcoming events into one column. Two and three column images appears ok. Images are being loaded at 720px wide so should be fine?

    I’m also struggling to get my drop down menus transparent to match my header which is background-color: rgba(255,255,255,0.9). I’ve tried various codes found in support but none seem to work, wondering is their is something in my other CSS code that is interfering with it?

    Many thanks

    Michelle

    December 3, 2015 at 6:03 pm #546569
    Elliott

    Hey norwestarch!

    Add this to your custom CSS.

    @media screen and (max-width: 600px) {
.tribe-events-list .tribe-events-event-image img {
    width: 100% !important;
}
}

    Best regards,
    Elliott

    December 4, 2015 at 12:36 am #546759
    norwestarch

    Thanks, I made a slight amendment with the code as I’m using the event photo view rather than event list and it worked. Thank you so much!!

    @media screen and (max-width: 600px) {
    .tribe-events-photo-event-wrap .tribe-events-event-image img {
    width: 100% !important;
    }
    }

    Any ideas re the drop down menu transparency? I’ve tried lots of codes I’ve found in support but can’t seem to get them to work?

    Thanks again

    Michelle

    December 4, 2015 at 7:06 pm #547218
    Elliott

    Hi!

    Add this to your custom CSS.

    ul.sub-menu li, .sub-menu a, .sub-menu {
    background: rgba(255,255,255,0.2) !important;
}

    Best regards,
    Elliott

    December 5, 2015 at 8:42 am #547385
    norwestarch

    Thank you that code worked for the standard drop down sub menus, would you be able to supply the code for the drop down mega sub menu too please.

    Many thanks, Michelle

    December 8, 2015 at 4:01 pm #548816
    Andy

    Hey!

    I checked link in private content and your “Tourism” menu item has a mega menu, but background seems to be fine. However, change background with this code:

    .avia_mega_div>.sub-menu {
background: rgba(255,255,255,0.2) !important;
}

    Regards,
    Andy

    December 11, 2015 at 1:01 pm #550997
    norwestarch

    Hi, my “Community” drop down menu has transparency using this code as supplied:

    ul.sub-menu li, .sub-menu a, .sub-menu {
    background: rgba(255,255,255,0.5) !important;
    }

    but the “Tourism” mega menu is not showing any transparency using this code:

    .single-tribe_events .tribe-events-event-image {
    display: none !important;
    }

    Any ideas?

    December 14, 2015 at 12:12 am #551863
    Elliott

    Hey!

    Switch the code to this.

    .avia-mega-div, .avia_mega_div, ul.sub-menu li, .sub-menu a, .sub-menu {
    background: transparent !important;
}
#top .avia-mega-div, #top .avia_mega_div { background: rgba(255,255,255,0.2) !important; }
#top .sub-menu { background: rgba(255,255,255,0.2) !important; }

    Best regards,
    Elliott

  • Author
    Posts
Viewing 8 posts - 1 through 8 (of 8 total)
  • You must be logged in to reply to this topic.