Viewing 7 posts - 1 through 7 (of 7 total)
  • Author
    Posts
  • September 5, 2015 at 4:35 pm #498693
    khalidmuharraqi

    I have few questions,
    1. 1. I want to get rid of border next to menu bar? but I still don’t want to hide it on out portfolio page.
    2. I need to change this description under each page title
    3. Change header background to black color on for mobile and tablet and Also use different logo in the center aligned.
    For instance please check attached screenshot & attached link

    Thanks

    September 7, 2015 at 3:50 am #498985
    Ismael

    Hey Khalid!

    Thank you for using Enfold.

    1.) Looks like you managed to remove the border. Is that correct?

    2.) Go to Appearance > Menus panel. Edit the menu item, look for the Description field.

    3.) Add this in the Quick CSS field to change the background on mobile view:

    @media only screen and (max-width: 767px) {
.header_color .header_bg {
    background-image: none;
    background-color: #000000;
}}

    Regards,
    Ismael

    September 7, 2015 at 7:55 am #499077
    khalidmuharraqi

    1.) The border is still there but you can’t see it because I changed its color to dark so that it blended with menu bar and socket.
    But now what’s happening is its destroying other pages (see attachment, very dark border on portfolio page). That’s why I wish if I can remove border from header on the left and socket only.. The borders on portfolio page should stay so I can blend them with white BG.

    2.) I did tried Menus Panel but somehow I don’t see description field anymore.. that’s why I asked you guys. I think before updating to WP4.3 it was showing but now description got disappeared. see screenshot please.

    3.) Thanks a lot for that. I wonder if I can use a different version of the logo for mobile screens.
    Thanks

    September 7, 2015 at 4:41 pm #499363
    khalidmuharraqi

    Any update?

    September 7, 2015 at 5:06 pm #499395
    khalidmuharraqi

    Basically this is what I want to achieve for mobile menu.
    Link attached

    September 8, 2015 at 4:47 am #499642
    Ismael

    Hi!

    1.) Remove the border with this:

    .html_header_left #main {
    border-left: 0;
}

    2.) Enable it in the Appearance > Menus > Screen Options.

    3.) Use css media queries to apply a different image on mobile. Follow the solution provided here:

    https://kriesi.at/support/topic/use-a-different-logo-on-smartphone/
    http://kriesi.at/documentation/enfold/change-logo-on-mobile/

    Regards,
    Ismael

    September 8, 2015 at 3:39 pm #499940
    khalidmuharraqi

    Thanks a lot.
    Everything has done exactly the way I wanted.
    Big big thanks again.

  • Author
    Posts
Viewing 7 posts - 1 through 7 (of 7 total)
  • The topic ‘Few question regarding Menu Bar’ is closed to new replies.