Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • February 4, 2020 at 3:56 pm #1181322
    Eva_Lutions

    Hello,
    unfortunately I have problems with the main menu.
    1. the header background – transparent, but white when srolling – should be shown full screen when it’s white – it is too small now, where can I change this?
    2. the logo area and menu look horrible on mobile phone – what mistake did I make? What’s wrong there? Is it possible to display it in the same way as on desktop?

    Thank you for help, best regards, Eva.

    February 4, 2020 at 6:06 pm #1181417
    Victoria

    Hey Eva_Lutions,

    1. I adjusted the code for you. Please check.

    2.The colors set in the Theme options are used for the mobile header
    Image 2020-02-04 at 18.05.59.png

    Best regards,
    Victoria

    February 4, 2020 at 6:31 pm #1181437
    Eva_Lutions
    This reply has been marked as private.
    February 7, 2020 at 9:37 pm #1182414
    Basilis

    Hi,

    Because she has used CSS code to do those fixes for you ;-)

    Best regards,
    Basilis

    February 8, 2020 at 8:54 am #1182507
    Eva_Lutions
    This reply has been marked as private.
    February 9, 2020 at 7:04 pm #1182811
    Victoria

    Hi Eva_Lutions,

    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,
    .html_mobile_menu_tablet #top #wrap_all .header-scrolled {
        background-color: #fff;
    }
}

    If you need further assistance please let us know.

    Best regards,
    Victoria

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