Okay
  Public Ticket #1014165
Mobile Menu & 404
Closed

Comments

  •  2
    Mark started the conversation
    January 9, 2017 at 3:15pm

    Hi,

    1. Is it possible to edit the layout of the mobile menu at all? For instance links positions and font size?

    2. Is it possible to edit any of the layout of the 404 page?

    Thanks,

    Mark

  •  1,558
    Laborator replied
    January 9, 2017 at 6:39pm

    Hi Mark,

    1. Changing the link positions is possible through Appearance > Menu, where you can add or remove menu items also.

    2. From the Theme Options this is not possible, if you have coding knowledge you can do this manually.

    Best regards,
    Laborator Team

      Documentation         Join Kalium Users Group

  •  2
    Mark replied
    January 10, 2017 at 1:39pm

    Hi Art,

    Thanks for getting back to me. Sorry, I probably didn't explain question 1 very well.

    When I asked if it was possible to change the position, I meant is it possible to change the position of the group of links on mobile from being top left aligned as they are currently, to centred on screen? And be able to change the font size? And the colour of the menu background? Those kinds of things.

    Is this possible in the settings at all?

    Thanks,

    Mark

  •  1,558
    Laborator replied
    January 10, 2017 at 2:26pm

    Hi Mark,

    Unfortunately this is possible only with Custom CSS, there is no option for this on the Theme Options.

    Best regards,
    Laborator Team

      Documentation         Join Kalium Users Group

  •  2
    Mark replied
    January 20, 2017 at 2:14pm

    Hi Art,

    I don't suppose you would be able to list the snippets which control the elements I listed? And I can then create the custom CSS myself.

    I tried looking in element inspector, and tried editing it and it didn't have any effect, so I don't think I was looking at the right bits.

    Many thanks,

    Mark

  •  1,558
    Laborator replied
    January 20, 2017 at 4:41pm

    Hi Mark,

    Adding the following CSS will center your mobile menu items and change the font size:

    .mobile-menu-open .mobile-menu-wrapper.mobile-menu-fullscreen {
    text-align: center;
}
.mobile-menu-wrapper .mobile-menu-container div.menu>ul>li>a, .mobile-menu-wrapper .mobile-menu-container ul.menu>li>a {
    font-size: 32px;
}

    Best regards,
    Laborator Team

      Documentation         Join Kalium Users Group

  •  2
    Mark replied
    January 20, 2017 at 6:29pm

    Hi Art,

    Thanks very much for that, much appreciated. Just a last question regarding this: 

    1. Could you give me the snippet of code that would allow me to change the mobile menu background colour from the dark grey to this colour #4d49f0; ?

    2. And also adjust the transparency?

    Many thanks,

    Mark

  •  1,558
    Laborator replied
    January 23, 2017 at 11:48am

    Hi Mark,

    Using the CSS below will change the mobile menu background:

    .mobile-menu-overlay {
    background-color: rgba(77, 73, 240, 0.90) !important;
}

    The first three values are the RGB color codes for the 4d49f0 color, as using HEX codes does not allow you to change the transparency, the last value is the transparency which is currently set to 0.9

    Best regards,
    Laborator Team

      Documentation         Join Kalium Users Group

  •  2
    Mark replied
    January 23, 2017 at 12:56pm

    Hi Art,

    Thanks for that, that's awesome!

    Cheers,

    Mark

  •  1,558
    Laborator replied
    January 23, 2017 at 1:01pm

    You're welcome Mark

    P.S: If you like our theme, it would help us a lot if you could give us five star rating on themeforest from your Downloads tab, (if you don't know how, just open this link).

    A huge thank you from Laborator in advance, have a great week!

    Best regards,
    Laborator Team

      Documentation         Join Kalium Users Group