Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • May 31, 2015 at 6:00 am #452153
    richeangelus

    Hi! I would like to know how can I change the colour of the header (the white row which contains the logo and menu button) when the website is viewed on a mobile phone. Thanks!

    June 1, 2015 at 6:41 am #452336
    Rikard

    Hi richeangelus!

    Please try the following in Quick CSS under Enfold–>General Styling:

    @media only screen and (max-width: 767px) {
#top #wrap_all .av_header_transparency, .av_header_transparency #advanced_menu_toggle {
  background-color: red !important;
}
}

    Best regards,
    Rikard

    June 13, 2015 at 2:46 pm #458765
    richeangelus

    Thanks Rikard!

    Could you let me know how to change the colour of the 3 horizontal black stripes on the menu button? I wish to change them to white instead.

    June 14, 2015 at 4:58 pm #458972
    Yigit

    Hi!

    Please add following code to Quick CSS as well

    #top #wrap_all .av_header_transparency, .av_header_transparency #advanced_menu_toggle { color: white; }

    Best regards,
    Yigit

    August 4, 2016 at 5:54 am #668391
    Faway

    2question
    sorry i’m not a native speaker, apologies for my bad grammar…i have two question as below:

    question 1：
    how to change the top header font, background & Facebook-icon color on mobile that don’t effect the header on PC header font color?

    question 2：
    how to increase fullscreen-slider caption font size on mobile?

    August 4, 2016 at 11:03 am #668485
    Yigit

    Hi,

    Please try adding this code to the Quick CSS section under Enfold > General Styling or to your child themes style.css file:

    @media only screen and (max-width: 767px) {
.responsive #top #wrap_all .av_header_transparency .main_menu ul:first-child > li > a, .responsive #top #wrap_all .av_header_transparency .sub_menu > ul > li > a, .responsive #top .av_header_transparency #header_main_alternate, .responsive .av_header_transparency #header_main .social_bookmarks li a, .responsive #top #wrap_all .av_header_transparency .phone-info.with_nav span, .responsive #top .av_header_transparency #header_meta, .responsive #top .av_header_transparency #header_meta li, .responsive #top #header_meta .social_bookmarks li a { color: black; }
}
@media only screen and (max-width: 480px) {
.responsive #top .slideshow_caption h2 {
    font-size: 30px!important;
}}

    Best regards,
    Yigit

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