Viewing 9 posts - 1 through 9 (of 9 total)
  • Author
    Posts
  • April 18, 2020 at 10:53 am #1204879
    michelklink

    Hi,

    when I want to change the main menu to button instead of text is my transparency away from my mobile menu?

    how can I solve this ?

    Victoria has already adjusted my menu regarding dimensions, see the code below:

    @media only screen and (max-width: 767px) {
    #top #wrap_all .av_header_transparency, .av_header_transparency #advanced_menu_toggle { background-color: transparent; }
    .responsive #top #wrap_all #header { position: absolute; }}

    @media only screen and (max-width: 767px) {
    .product_title { font-size: 20px !important; }

    .avia_codeblock .cta-button a {
    padding: 15px 30px 13px;
    font-size: 30px;
    border-radius: 3px;
    }

    April 19, 2020 at 5:56 pm #1205293
    Victoria

    Hey michelklink,

    Could you please attach a mockup of what you’re trying to achieve?

    Best regards,
    Victoria

    April 20, 2020 at 10:07 am #1205435
    michelklink

    Hi Victoria,

    I would like to change the menu from desktop to button mode, but when I do this my transparent header is gone on mobile?

    Michel

    April 22, 2020 at 4:31 pm #1206256
    Victoria

    Hi Michel,

    Please change it to the icon and we’ll look into the mobile look :)

    Best regards,
    Victoria

    April 22, 2020 at 5:06 pm #1206267
    michelklink

    I changed to icon.

    April 22, 2020 at 8:21 pm #1206370
    Victoria

    Hi michelklink,

    Thank you.

    Can you disable caching and minification for now?

    Best regards,
    Victoria

    April 22, 2020 at 8:30 pm #1206372
    michelklink

    Done!

    April 24, 2020 at 12:33 pm #1206795
    michelklink

    Good afternoon,

    I turned on wp rocket again because my site was really slow and visitors were complaining about it, below my login codes for wp

    April 24, 2020 at 5:07 pm #1206860
    Victoria

    Hi michelklink,

    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: 989px) {
    .html_mobile_menu_tablet #top #wrap_all .av_header_transparency { 
        background-color: transparent;
    }
}
@media only screen and (max-width: 989px) and (min-width: 768px) {
    .responsive.html_mobile_menu_tablet.html_header_top.html_header_sticky #top #wrap_all #main {
        margin-top: -93px;
    }
}

    If you need further assistance please let us know.

    Best regards,
    Victoria

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