Tagged: , , ,

Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • March 3, 2016 at 3:59 am #592390
    Dave

    Hi Guys
    I would like to make the mobile menu stand out more.
    How can you make the menu have a border in mobile view & not have a line around the menu or header area in normal view.
    http://test.findnetsolutions.com/

    Thanks
    Dave

    March 4, 2016 at 9:03 pm #593521
    Vinay

    Hi Dave!

    The description you have provided is not clear but let me try to answer

    To have a border around the mobile menu icon please use this css 

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

    To remove the underline in desktop menu Enfold option > header > header layout > Header Style > minimal

    If this is not what you are looking for please produce a mockup and upload to dropbox and share the link with us so we can help you better :)

    Cheers!
    Vinay Kashyap

    March 7, 2016 at 7:02 am #594089
    Dave

    Hi
    Thanks for getting back to me.
    I have tried that code to put a border around the mobile menu but it didn’t work.
    I want the menu to stand out more, you will see what I mean with Kedron mobile header screen shot.
    Also is it possible to add the word Menu next to the mobile view menu, like Sydney Diesel mobile header

    Another thing is I would like to put a transparent band across the header so the standard menu stands out better, see Sydney Diesel Header.
    I want to do a similar thing with Kedron Car Electrics header

    The screen shots are in the drop box – https://www.dropbox.com/sh/bnjqt7psfpz1y2c/AAAX4lWPawx_G4qLC2YgOLm2a?dl=0

    Thanks, hope that is clearer

    March 9, 2016 at 8:58 am #595379
    Ismael

    Hi!

    Please give us a link to the websites. If you need to add a border to the mobile menu toggle, use this:

    .container #advanced_menu_toggle, #advanced_menu_hide {
    border: 3px solid orange;
}

    Set the page’s Layout > Header visibility and transparency to Glassy Header if you want the default menu to be more prominent.

    Cheers!
    Ismael

    March 9, 2016 at 11:29 am #595466
    Dave

    Thanks Ismael for that, mobile menu is fixed.

    How can I make the Glassy Header Transparency a bit darker (so the menu works stand out better)

    http://test.findnetsolutions.com

    Cheers

    Dave

    March 14, 2016 at 10:31 am #597645
    Ismael

    Hey!

    You can adjust the opacity of the background:

    #top .av_header_glassy.av_header_transparency .header_bg {
    background-color: #fff;
    opacity: 0.5;
    filter: alpha(opacity=50);
}

    Cheers!
    Ismael

    March 21, 2016 at 8:02 pm #601476
    Studio-Lux

    Hi Ismael,

    I tried hard to darken the glassy header on my Homepage. I tried o lot of Codes like:
    #top .av_header_glassy.av_header_transparency #header_main {
    background-color: rgba(255,255,255,0.6);
    }

    But really nothing happens. Its all the same , Do you have an Idea ?

    Here my link: http://photofactory.walterwehner.de

    I use it as a child theme do this make any matter ?

    Regards

    Walter

    March 25, 2016 at 1:08 pm #603643
    Ismael

    Hi!

    Use the code above but set the background color to black. Something like this:

    #top .av_header_glassy.av_header_transparency .header_bg {
    background-color: #000;
    opacity: 0.7;
    filter: alpha(opacity=70);
}

    Best regards,
    Ismael

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