Viewing 12 posts - 1 through 12 (of 12 total)
  • Author
    Posts
  • July 16, 2018 at 10:30 pm #986123
    Elisabethkaasa

    Hi

    I am having trouble with the font size not being responsive on tablet and mobile. I need it to be smaller.
    I have searched the forum and see that it is possible to insert CSS codes to fix it, but I can’t find any that works. I want the logo, menu and all text to be responsive for tablet and smartphones. I am not experienced with CSS coding but I have been told that it is best to use the additional CSS field for these changes. If there is an easier/better way to do it then please let me know. The layout is responsive, so it is just the text, logo and menu.

    I am also having problems with the menu layout on the mobile version. When I click on the burger menu the menu items are barely visible as they are displayed as white text on white background. How can I change this?

    Thank you.

    July 19, 2018 at 2:01 pm #987402
    Ismael

    Hey Elisabethkaasa,

    Thank you for using Enfold.

    In the Enfold > Main Menu > General panel, set the “Menu Items for mobile” to the second option to fix the overlap issue. Other than that issue, the site looks responsive.

    Best regards,
    Ismael

    July 19, 2018 at 8:16 pm #987612
    Elisabethkaasa

    Hi

    Thank you.
    I tried changing the settings as you advised, but it still not visible.
    When I click on the burger menu the text is still white on white background…

    Elisabeth

    July 20, 2018 at 2:31 pm #987850
    Ismael

    Hi,

    Disable the css/js compression in the Performance panel and then add this css code to change the font color of the mobile menu items.

    #top #wrap_all .av-burger-overlay .av-burger-overlay-scroll #av-burger-menu-ul li a {
    color: gray;
}

    Best regards,
    Ismael

    July 20, 2018 at 3:38 pm #987879
    Elisabethkaasa

    Hi

    I can’t see where this disable the css/js compression under performance.
    Is it under general settings and the minify section?
    It is not enabled.
    Currently the JS minifier is set to JSMin (default) and the CSS minifier is set to Minify (default)

    Please advise which settings I need to adjust them to.

    Thanks.

    Elisabeth

    July 21, 2018 at 9:11 pm #988220
    Victoria

    Hi Elisabeth,

    https://cl.ly/2I1O3C3r2g3i These are the settings that Ismael meant.

    Is the code still not working?

    Best regards,
    Victoria

    July 21, 2018 at 10:06 pm #988230
    Elisabethkaasa

    Thank you. Found it and inserted the css code I got in the previous e-mail.
    Now I can see the menu items!

    The X and and the magnifying glass on top right is still barely visible though.

    Elisabeth

    July 22, 2018 at 6:50 am #988285
    Rikard

    Hi Elisabeth,

    Please try this CSS as well:

    .av-burger-overlay-active #top #wrap_all #header #menu-item-search a {
  color:#808080 !important;
}
.av-burger-overlay-active #top #wrap_all .av-hamburger-inner {
  background-color:#808080 !important;
}

    Best regards,
    Rikard

    July 22, 2018 at 1:47 pm #988373
    Elisabethkaasa

    Thank you. This worked, however I only got the \ part of the X in darker colour. The / is still white..
    Isn’t that odd?

    Regards
    Elisabeth

    July 23, 2018 at 2:40 am #988546
    Ismael

    Hi,

    Add this css code.

    .av-burger-overlay-active #top #wrap_all .av-hamburger-inner, .av-burger-overlay-active #top #wrap_all .av-hamburger-inner::before, .av-burger-overlay-active #top #wrap_all .av-hamburger-inner::after, .html_av-overlay-side-classic #top div .av-burger-overlay li li .avia-bullet {
    background-color: #808080;
}

    Best regards,
    Ismael

    July 24, 2018 at 10:30 pm #989405
    Elisabethkaasa

    Hi

    This worked beautifully so I am all set now.

    Thank you!

    July 25, 2018 at 7:38 am #989525
    Ismael

    Hi,

    Awesome! Glad we could help!

    Please take a moment to review our theme and show your support https://themeforest.net/downloads
    Don’t forget to bookmark Enfold Documentation for future reference.

    Thank you for using Enfold :)

    Best regards,
    Ismael

  • Author
    Posts
Viewing 12 posts - 1 through 12 (of 12 total)
  • The topic ‘Responsive font size, logo and menu items.’ is closed to new replies.