Theme Integration Assistance – Courtyard

  • Resolved kenbong

    (@kenbong)


    5 years, 9 months ago

    Hi there,

    I have been trying to use Mega Menu with my current Courtyard theme, however I have encountered a few issues:

    1. On desktop site – menu is being cutoff (We have a pretty extensive menu)
    2. On mobile site – 2 mobile toggle buttons. After I disable the mobile toggle option, the mobile toggle button is totally unusable

    I have tried the ‘residual CCS removal’ method but after trying that method the Mega Menu header font is different than of the theme and mobile toggle button is not responsive and is out of proportion

    I look forward to your assistance.

    Thanks!

    The page I need help with: [log in to see the link]

Viewing 8 replies - 1 through 8 (of 8 total)
  • Plugin Author megamenu

    (@megamenu)

    5 years, 9 months ago

    Hi Ken,

    Please try: https://www.megamenu.com/documentation/courtyard/

    That will make your menu wider, so you can re-arrange your sub menu content so it fits on the page better. There are also instructions to fix the mobile menu.

    Regards,
    Tom

    Thread Starter kenbong

    (@kenbong)

    5 years, 8 months ago

    Thanks so much Tom! This worked perfectly!

    Another question – My current theme’s menu bar will remain transparent in home page and once we start scrolling it turns opaque. is there any way we could set the font colour to be e.g. white when the menu is transparent and turn into e.g. black when the menu is opaque?

    Plugin Author megamenu

    (@megamenu)

    5 years, 8 months ago

    Hi Ken,

    Please try adding this to Appearance > Customize > Additional CSS:

    .pt-home-navbar #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item > a.mega-menu-link {
	color: white;
}
.pt-home-navbar #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item.mega-current-menu-item a {
	color: red;
}

    You may want to tweak or add to that CSS to your liking.

    Regards,
    Tom

    Thread Starter kenbong

    (@kenbong)

    5 years, 8 months ago

    Hi Tom,

    This worked perfectly, thank you so much!

    Regards,
    Ken

    Plugin Author megamenu

    (@megamenu)

    5 years, 8 months ago

    Hi Ken,

    You’re welcome 🙂

    If you have a spare minute, would you mind leaving a quick review for the plugin at the bottom of this page? It would be much appreciated!

    Regards,
    Tom

    Thread Starter kenbong

    (@kenbong)

    5 years, 8 months ago

    Hi Tom,

    Dropped you a review yesterday! 🙂

    I just realised another issue, on this URL
    http://www.marinediscoveryholidays.com/travel-locations/destinasi/

    When in mobile mode, I seem to be able to click items on the menu even though its not opened. (try clicking one of the filter items drop down and you will see what I mean) You can replicate this issue even if you use a desktop browser and reduce the size of the browser window so the mobile mode triggers

    I look forward to your response

    Thanks!
    Ken

    Plugin Author megamenu

    (@megamenu)

    5 years, 8 months ago

    Hi Ken,

    Many thanks for the review – much appreciated! 🙂

    I’ve updated the theme integration CSS here:

    https://www.megamenu.com/documentation/courtyard/

    Please can you try updating to that new CSS?

    Regards,
    Tom

    Thread Starter kenbong

    (@kenbong)

    5 years, 8 months ago

    On point as always, that solved the issue. Thanks Tom! Have a great one!

Viewing 8 replies - 1 through 8 (of 8 total)
  • The topic ‘Theme Integration Assistance – Courtyard’ is closed to new replies.