Okay
  Public Ticket #1932621
Menu behaviour on contact page (coordonnées)
Closed

Comments

  •  7
    jdefranclieu started the conversation

    Hello,

    I have this strange behaviour on one page of this new website :

    I cannot see the word Menu near the hamburger logo, in the custom css I had to change the color for this option : 

    /* Contact: Menu Trigger White */
    .page-id-2261 .menu-bar.menu-skin-dark .ham:after, .page-id-2261 .menu-bar.menu-skin-dark .ham:before,
    .page-id-2261 .menu-bar.menu-skin-dark .ham {
         background-color: #000;
    }

    Because it was set to white (fff) the hamburger menu reappeared but not the "menu" word near it you can see it in other pages.

    And I tried to get rid of the underline on hover in the menu by adding this option:

    /* Menu: Full screen menu remove underline on hover */
    .main-header.menu-type-full-bg-menu .full-screen-menu.menu-skin-light nav div.menu>ul>li>a:after, .main-header.menu-type-full-bg-menu .full-screen-menu.menu-skin-light nav ul.menu>li>a:after {
        display: none;
    }

    But it did not work.

    And the last question is about the share settings for portfolio that I can not set to "Rounded social networks icons" like the share settings for blog in the theme options.

    Can you help please ?

    Jerome

  • [deleted] replied

    Hi Jerome,

    I guess you are using custom menu skin for that page only, so go to edit that page (and remove any Custom CSS regarding the menu color) and se the Custom Menu Skin to use from Theme Options:

    medium
    (view large image)

    This should solve that problem.

    Regarding your other question, here is how I have enabled Rounded Social network links in blog single page:

    https://d.pr/v/KnwrhZ

  •  7
    jdefranclieu replied

    Hi Arlind,


    I don't think you understood my problem, no I don't use custom menu skin for this page, I checked it before log a ticket, so there is a real pb on this page, as I told you :

    I cannot see the word "MENU" near the hamburger logo, in the custom css I had to change the color for the hamburger :

    /* Contact: Menu Trigger White */
    .page-id-2261 .menu-bar.menu-skin-dark .ham:after, .page-id-2261 .menu-bar.menu-skin-dark .ham:before,
    .page-id-2261 .menu-bar.menu-skin-dark .ham {
         background-color: #000;
    }

    Because it was set to white (fff) the hamburger menu reappeared but not the "MENU" word near it you can see it in other pages, like this one : http://parlerbeau.memuse.ca/themes/ 

    But it's not working in the  : http://parlerbeau.memuse.ca/coordonnees/

    Find the options set for this page in the attachment. Actually if I set it in default I can see the "MENU" word but not in the color I want.

    Deleting this lines did not change my problem at all.


    For the BLOG sharing options problem, I already know the option, and it's already set, as you should have seen, but it is not in the PORTFOLIO options, I need rounded icons for the PORTFOLIO section.


    And you did not answered to my question about underline on hover in the menu, the css I added did not change a thing :

    /* Menu: Full screen menu remove underline on hover */
    .main-header.menu-type-full-bg-menu .full-screen-menu.menu-skin-light nav div.menu>ul>li>a:after, .main-header.menu-type-full-bg-menu .full-screen-menu.menu-skin-light nav ul.menu>li>a:after {
        display: none;
    }


    Thanks for your help^.

    Jerome

  • [deleted] replied

    Hi Arlind,

    1. The menu is  by default set to dark color #000 however there is custom CSS that impacts this:

    medium?a=1
    (view large image)

    I have checked if our theme adds this sort of custom inline CSS so I suggest you to check if there is somewhere added and remove the code:

    .menu-bar.menu-skin-dark .hide-menu-text, .menu-bar.menu-skin-dark .show-menu-text {
    color: #FFF;
    }

    2. As for Portfolio social networks can be changed here (where applied only):

    medium
    (view large image)

    3. To remove the underline on fullscreen menu add this custom CSS:

    .main-header.menu-type-full-bg-menu .full-screen-menu.menu-open-effect-fade.menu-is-open nav div.menu>ul>li>a:after, 
    .main-header.menu-type-full-bg-menu .full-screen-menu.menu-open-effect-fade.menu-is-open nav ul.menu>li>a:after {
    display: none;
    }

  •  7
    jdefranclieu replied

    Hi Arlind,

    Thanks everything is perfect now.

    The custome css for the "MENU" part was in the page and not in the general custom css.

    And thanks for the share options in portfolio and the css lines to get rid of the underline.

    Have a nice weekend.

    Jerome

  • [deleted] replied

    Thank you Jerome, I am glad that this worked for you.

    Will close this ticket now and if you have further questions feel free to open new ticket.