Viewing 16 posts - 1 through 16 (of 16 total)
  • Author
    Posts
  • February 14, 2020 at 7:05 pm #1184595
    murdochduncan

    Hello!
    I would like to modify my mobile menu so that it looks good! Could you walk me help me with this?

    I would like to:
    1) Center the text
    2) Increase the size of the text
    3) Change the text color to white
    4) Bold the main menu pages and keep dropdown page texts as normal.
    4) Eliminate the white line delineations

    Thank you!

    Duncan

    February 15, 2020 at 7:14 pm #1184790
    Victoria

    Hey murdochduncan,

    Credentials did not work for me. Could you please update the credentials?

    Best regards,
    Victoria

    February 17, 2020 at 2:26 am #1185047
    murdochduncan

    Sorry about that. Here you go.

    Thank you,

    Duncan

    February 18, 2020 at 1:32 pm #1185644
    Victoria

    Hi Duncan,

    Here is the code you can put in Enfold > General Styling > Quick Css,  if it does not work, put into themes/enfold/css/custom.css

    

@media only screen and (max-width: 767px) {
  .html_av-overlay-side-classic #top #wrap_all .av-burger-overlay #av-burger-menu-ul li a {
    border: none;
    color: #fff;
  }
  #top #wrap_all #header #av-burger-menu-ul > li.av-active-burger-items > a {
    font-weight: bold;
  } 
}

    If you need further assistance please let us know.

    Best regards,
    Victoria

    February 19, 2020 at 3:15 am #1185895
    murdochduncan

    Hi Thank you so much. The code doesn’t work in the quick css and I was about to add it into the theme but I see unexpected token and LBRACE warnings which scares me… I haven’t added code here before. Would you be able to do that and I can then see how you did it and if it works?

    Thank you,

    Duncan

    February 20, 2020 at 5:45 am #1186217
    Rikard

    Hi Duncan,

    Where exactly did you get those warnings? The code should work in Quick CSS though, did you make sure that you cleared the cache from your caching plugin before checking the changes? Also make sure to delete the old CSS and JS files under Enfold->Performance.

    Also please consider updating the theme to the latest version (4.7.3): https://kriesi.at/documentation/enfold/how-to-install-enfold-theme/#theme-update

    Best regards,
    Rikard

    February 22, 2020 at 10:07 pm #1187016
    murdochduncan

    Hi,

    I’ve updated to the newest version of the theme. The Quick CSS doesn’t work and also the code doesn’t have an effect when placed into the custom CSS through the cpanel. I don’t see any old CSS and JS files to delete. Any other modifications you could make so that I can do the above?

    Thank you,

    Duncan

    February 25, 2020 at 4:53 pm #1187765
    Victoria

    Hi Duncan,

    https://share.getcloudapp.com/o0uDQY7v Here is what I am seeing, and it looks normal, not like it used to look like.

    Is this not how you want it?

    Could you please attach some screenshots of the issue?

    Best regards,
    Victoria

    March 5, 2020 at 7:15 pm #1190582
    murdochduncan

    Hi,

    This is what I have on my end…

    IMG_4248.PNG

    Thank you,

    Duncan

    March 6, 2020 at 8:12 pm #1190973
    Victoria

    Hi Duncan,

    There was html and php in your Quick css. It is not supposed to be there. Please check the look now.

    Best regards,
    Victoria

    March 9, 2020 at 3:17 am #1191358
    murdochduncan

    Hi Victoria, thank you for finding that issue! Did you remove or should I? If I remove, will this resolve the issue do you think? All the CSS in there has been crafted by team Kriesi so I don’t know why it shouldn’t be there… Can you help me identify what you saw? Unfortunately, the menu remains the same right now…

    Thank you,

    Duncan

    March 10, 2020 at 5:47 pm #1191940
    Victoria

    Hi Duncan,

    I just commented the code out, but you need to remove it. Maybe someone put it there by mistake, instead of putting it to the functions.php file.

    You need to validate all the css in the Quick css here:
    https://jigsaw.w3.org/css-validator/validator

    If you need further assistance please let us know.
    Best regards,
    Victoria

    March 11, 2020 at 3:16 am #1192098
    murdochduncan

    Hi Victoria,
    I’m sorry I’m an amature here but I don’t know what “commented out” means. Also, the link you sent is invalid but I deleted “validator” and found it but I don’t know how to use this tool. I enter each separate piece of code? It appears that a lot of my coding is invalid but they are all from your team… I don’t know where to go from here. Can you help me further? The screenshot you sent is adequate for now but as you said, this is not how it appears on mobile devices.

    Thank you,
    Duncan

    March 11, 2020 at 1:05 pm #1192246
    Victoria

    Hi Duncan,

    Sorry, here is the validator link:
    https://jigsaw.w3.org/css-validator/

    You just copy all the contents of the Quick css in there and paste it in the direct input field.
    Image 2020-03-11 at 12.54.47.png

    I cleared all the caches on your website and now it looks as it should. Please check.

    Best regards,
    Victoria

    March 13, 2020 at 8:29 pm #1192977
    murdochduncan

    Thank you so much for your work here Victoria! It’s at a great place- looking better!

    Would you kindly assist me in centering the text of the menu pages (opposed to it being aligned on the right side) and instead of the hover and click of the page changing the background of the text, simply make the text change colors to #429e64?

    Duncan

    March 13, 2020 at 9:20 pm #1193004
    Victoria

    Hi Duncan,

    😅😅

    Here is the code you can put in Enfold > General Styling > Quick Css,  if it does not work, put into themes/enfold/css/custom.css

    
@media only screen and (max-width: 767px) {
  #top #wrap_all #header #av-burger-menu-ul > li.av-active-burger-items > a {
      text-align: center;
  }
  .html_av-overlay-side #top #wrap_all div .av-burger-overlay-scroll #av-burger-menu-ul a:hover {
    color: #429e64;
  }
}

    If you need further assistance please let us know.

    Best regards,
    Victoria

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