Viewing 17 posts - 1 through 17 (of 17 total)
  • Author
    Posts
  • October 17, 2017 at 8:36 pm #865444
    4colorflyers

    Hello

    For some reason the color menu buttons dissapear before it goes into mobile menu icon before it should

    http://www.lydiaplace.org

    If you start to shrink, they either dissapear while the rest of the menu is still there or in safari just show lines.

    Can you advise?

    Thanks
    Brian

    October 17, 2017 at 11:34 pm #865480
    Jordan Shannon

    Hey 4colorflyers,

    Try adding the following to quick css:

    @media only screen and (max-width: 1103px) and (min-width: 990px)  {
#menu-item-1105{
background-color: #0BB0A8 !important;
border-color: #009891 !important;
border-radius:3px!important;
margin:0 5px!important;
}

#menu-item-506{
background-color: #E64B67 !important;
border-color: #D83C58 !important;
border-radius:3px!important;
margin:0 5px!important;
}}

    Best regards,
    Jordan Shannon

    October 18, 2017 at 11:52 pm #865985
    4colorflyers

    Hello. That worked great. However now there is a weird white line that appears when you start to go smaller on the screensize.

    Any suggestions on that?

    Thanks,
    Brian

    October 18, 2017 at 11:57 pm #865990
    Jordan Shannon

    Hi,

    I see. Add this to quick css:

    #top .av-menu-button-colored a .avia-menu-text{
border-bottom:none!important;
}

    Best regards,
    Jordan Shannon

    December 11, 2017 at 7:02 pm #887540
    4colorflyers

    Hello. Not sure if the last update did this or not?

    Home

    For some reason its not showing the colors specified, and has some wierd background as you shrink the browser..

    Can you let me know what might be causing this?

    Thanks

    December 12, 2017 at 12:36 am #887617
    Jordan Shannon

    Hi,

    Can you provide a screenshot showing the problem?

    Best regards,
    Jordan Shannon

    December 12, 2017 at 7:17 pm #888041
    4colorflyers

    Sure, please see attached. The buttons are showing as a dark purple color in the regular view. .they should be the teal and Pink color that shows up when you start to shrink the screen. Those colors that appear behind the buttons when you shrink it should not be there, but they are the colors the purple buttons in front of it should be.. Does that make sense?

    http://lydiaplace.org/wp-content/uploads/2017/12/Screen-Shot-2017-12-12-at-9.09.30-AM.png

    http://lydiaplace.org/wp-content/uploads/2017/12/Screen-Shot-2017-12-12-at-9.09.36-AM.png

    December 12, 2017 at 7:55 pm #888054
    Jordan Shannon

    Hi,

    I see now. Did the colors switch after the latest update?

    Best regards,
    Jordan Shannon

    December 13, 2017 at 1:44 am #888176
    4colorflyers

    im thinking it probably happened as a result of the last update ya.. is there a way to make it work again? and hopefully not break in the future updates?

    December 13, 2017 at 11:15 pm #888606
    Basilis

    Hi,

    The menu classes has chanegd on our latest update – they will not change again but it was a need for the changes
    Do you want to describe how they was supposed to work so we can help you rebuild it?

    Best regards,
    Basilis

    December 14, 2017 at 7:03 pm #889038
    4colorflyers

    So the two purple background colors icons are suppose to be that teal and pink color that appears as you start shrinking it. and those colors that appear larger behind the buttons as you shrink it should not be there.

    • This reply was modified 6 years, 11 months ago by 4colorflyers.
    December 15, 2017 at 6:47 pm #889368
    Jordan Shannon

    Hi,

    Update the original css to this:

    #menu-item-1105.av-menu-button-colored a avia-menu-text{
background-color: #0BB0A8 !important;
border-color: #009891 !important;
border-radius:3px!important;
margin:0 5px!important;
}

#menu-item-506.av-menu-button-colored a avia-menu-text{
background-color: #E64B67 !important;
border-color: #D83C58 !important;
border-radius:3px!important;
margin:0 5px!important;
}

    Best regards,
    Jordan Shannon

    December 15, 2017 at 7:42 pm #889395
    4colorflyers

    Thanks Jordan

    That fixed the wierd background colors popping up, but the buttons are still that dark purple, instead of the two different colors..

    December 18, 2017 at 8:33 pm #890221
    4colorflyers

    Hi. just wanted to see if you had any other options to fix this?

    December 18, 2017 at 8:46 pm #890232
    Victoria

    Hi 4colorflyers,

    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

    
 #top #wrap_all .header_color #menu-item-1105.av-menu-button-colored > a .avia-menu-text {
   background-color:  #0BB0A8;
   border-color: #009891;
 }
  #top #wrap_all .header_color #menu-item-506.av-menu-button-colored > a .avia-menu-text {
   background-color:  #E64B67;
   border-color: #D83C58;
 }

    If you need further assistance please let us know.

    Best regards,
    Victoria

    December 18, 2017 at 8:49 pm #890236
    4colorflyers

    Should i delete the last code you guys had me put in? I put this one in, and it works great on every page except the home page for some reason

    THanks
    Brian

    December 19, 2017 at 3:57 pm #890548
    Victoria

    Hi Brian,

    What happens when you delete previous code?

    Best regards,
    Victoria

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