Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • November 26, 2016 at 6:14 pm #717238
    jimbeamkentucky

    Hi,

    1. I would like to change the colors of my mobile menu when scrolling down (I have activated the transparent header)

    2. When I am on tablet landscape mode, the mobile menu appears but then the box with the cross isn’t available and cannot quit properly.

    Thank you for the help

    November 27, 2016 at 12:10 am #717312
    Nikko

    Hey jimbeamkentucky,

    1. Is it the background or the font color?
    2. Can you show a screenshot on this?

    Please post a link to your site? so we can inspect it further.

    Best regards,
    Nikko

    December 5, 2016 at 7:36 pm #720637
    jimbeamkentucky

    Hi,

    1. The css of the menu when NOT scrolled is :
    #advanced_menu_toggle, #advanced_menu_hide {
    background-color: #f7f7f7 !important;
    color: #344652 !important;
    border-color: #f7f7f7 !important;
    }

    I would like to change it to this, when scrolled down (with transparent header)

    background-color: #344652 !important;
    color: #f7f7f7 !important;
    border-color: #344652 !important;

    2. I had not the possibility to do a screenshot with the tablet but I’ve sent you my website address

    Thank you

    December 8, 2016 at 2:39 pm #721990
    Nikko

    Hi,

    1.) Can you try to add this code in Quick CSS (located in Enfold > General Styling):

    
@media only screen and (max-width:767px) {
  #top #wrap_all #header {
    background-color: #344652 !important;
    color: #f7f7f7 !important;
    border-color: #344652 !important;
  }

  #top #wrap_all #header.av_header_transparency {
    background-color: #f7f7f7 !important;
    color: #344652 !important;
    border-color: #f7f7f7 !important
  }
}

    Let us know if this helps.

    2.) I’ve checked it with an ipad and the x button is working properly.

    Best regards,
    Nikko

    December 8, 2016 at 6:59 pm #722121
    jimbeamkentucky

    Hi,
    when scrolled it’s ok now but when not scrolled it’s not good , it should be only the 3 bars in blue without background

    December 9, 2016 at 2:04 pm #722417
    Nikko

    Hey!

    After this block of code I gave above:

      #top #wrap_all #header.av_header_transparency {
    background-color: #f7f7f7 !important;
    color: #344652 !important;
    border-color: #f7f7f7 !important
  }

    Kindly add this after it:

    #header #advanced_menu_toggle {
    background: transparent;
    border: 0;
    color: #fff;
}

#header.av_header_transparency #advanced_menu_toggle {
    color: #376982;
}

    Hope this helps :)

    Best regards,
    Nikko

    December 9, 2016 at 6:02 pm #722541
    jimbeamkentucky

    Hi Nikko,

    It’s perfect now, that a lot of code for such small changes :)

    Could you help me with a widget problem? I have installed Simple Social Icon plugin and it’s working great, I’ve set it to align the social icons one under the other and position: fixed; so it scrolls down with my page.

    I would like to change it only for responsive mode, so the icons align one next to each other and in the bottom of the page in order to not bother the reader.

    I’m very grateful for you help
    Kind regards
    Christian

    December 13, 2016 at 12:06 am #723456
    Nikko

    Hi,

    I apologize for the delayed response. Are you referring on the 3 social icons on the footer?

    Best regards,
    Nikko

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