Tagged: , , ,

Viewing 24 posts - 1 through 24 (of 24 total)
  • Author
    Posts
  • March 31, 2014 at 1:29 pm #245429
    Coronacom

    Hi

    I would like to remove the top header menu and info on two pages on my site – /welcome and /welcome-back

    I would like to keep the Logo level header links to the main pages but remove the menu containing social links and contact info

    Thanks

    March 31, 2014 at 1:46 pm #245434
    Yigit

    Hey Coronacom!

    Please add following code to Quick CSS in Enfold theme options under Styling tab

    .page-id-1122 #header_meta { display: none; }

    You should change page ID to match your page's ID. You can right click on Chrome or Firefox to inspect elements to find page ID’s http://i.imgur.com/HyPTCRg.jpg
    Cheers!
    Yigit

    July 27, 2015 at 10:36 am #478992
    poppenhaeger

    Hi there,
    I would like to hide the main menu on a single blog post.

    I tried the css with the page id, but it does not work for posts:

    .page-id-14 .main_menu { display: none; }

    I also tried changing .page-id to .post-id, but this didn’t work as well..

    Can you give some advice please?
    Thanks!

    July 28, 2015 at 5:21 am #479415
    Ismael

    Hey!

    Give us a link to the actual post. This is how you can get the correct post or page id: http://kb.oboxthemes.com/articles/how-to-get-css-styles-for-elements/

    Cheers!
    Ismael

    July 28, 2015 at 8:53 am #479508
    poppenhaeger

    Hi Ismael
    below you will find the link.

    Cheers

    July 28, 2015 at 1:52 pm #479697
    Yigit

    Hi!

    Please add following code to Quick CSS in Enfold theme options under General Styling tab

    .postid-1052 nav.main_menu {
    display: none!important;
}

    Cheers!
    Yigit

    September 30, 2015 at 11:49 am #511353
    poppenhaeger

    Hi, I would like to remove the header from a shop page.
    The usual css doesn’t seem to work in that case.
    Can you help out?

    September 30, 2015 at 12:01 pm #511374
    Yigit

    Hey!

    Please use following code instead

    .woocommerce.archive nav.main_menu {
    display: none!important;
}

    Cheers!
    Yigit

    September 30, 2015 at 4:58 pm #511688
    poppenhaeger

    Thanks, can you also tell me the css code if I want to hide the menu from all woocommerce pages (product, cart, checkout, ect)?

    October 1, 2015 at 6:34 am #511954
    Rikard

    Hey,

    Please try the following as well: 

    .woocommerce nav.main_menu {
    display: none!important;
}

    Best regards,
    Rikard

    October 1, 2015 at 10:11 am #512047
    poppenhaeger

    Thanks, but it doesn’t work.
    Main menu is still visible.
    Do you have another alternative code?

    October 1, 2015 at 1:31 pm #512150
    Yigit

    Hey!

    Please try changing the code to following one

    .woocommerce-page nav.main_menu {
    display: none!important;
}

    Cheers!
    Yigit

    January 18, 2016 at 11:55 pm #567475
    amberrockstar001

    Is there a newer way to hide the main navbar on pages rather than using CSS to hide it? Also, what’s your thoughts about adding that as a variable for the “Header visibility and transparency” or create another option for hiding/showing the main menu? Do you recommend page templates for this for now?

    January 19, 2016 at 11:38 pm #568224
    Andy

    Hi!

    not sure what you mean and what you are trying to achieve. No there is no other option to hide main navbar as far as I know.

    Cheers!
    Andy

    March 8, 2016 at 8:26 pm #595152
    dbtpath

    This unfortunately doesn’t seem to be working for me. I added the code shown in private content below, and nothing changed. I’m trying to remove the header on only this one page.

    March 10, 2016 at 5:49 am #596047
    Rikard

    Hi @dbtpath,

    You link redirects me to your home page, do we need to be logged in to view it? If so then please start a new thread and include admin login details in private.

    Thanks,
    Rikard

    August 22, 2016 at 10:22 pm #676057
    sreemanglitter

    I want to shift my menue & logo down by 1700px in homepage inly but i cant fix this issue

    this is the code
    .page-id-734 .header-scrolled .main_menu .menu{
    top: 7px !important;
    }
    .page-id-734 #top .main_menu .menu{
    position: relative;
    top: 1700px;
    }
    .page-id-734 #top .main_menu .menu > li > a{
    height: 50px !important;
    line-height: 50px !important;
    }
    .page-id-734 .main_menu { margin-top: -30px; }
    .page-id-734 .header-scrolled .main_menu { margin-top: 0; }
    .page-id-734 .logo img { margin-top: 1000px; }
    .page-id-734 .header-scrolled .logo img { margin-top: 0; }

    .scroll-down-link {
    font-size: 150px !important;

    August 24, 2016 at 5:00 am #676752
    Rikard

    Hi,

    Could you try removing #top in your CSS?

    Best regards,
    Rikard

    March 12, 2017 at 8:43 pm #759692
    wurgi

    Hey!

    Please try changing the code to following one

    .woocommerce-page nav.main_menu {
    display: none!important;
    }
    Cheers!
    Yigit

    Hello Yigit

    Sorry to rehash this old topic, but I figured it would have been better than opening a new thread.

    Is there a way to hide the menu on all WooCommerce pages BUT the product pages?

    Thank you,
    Alessandro

    • This reply was modified 7 years, 9 months ago by wurgi.
    March 14, 2017 at 4:32 pm #760823
    Yigit

    Hi,

    Please try using following code

    .woocommerce-page nav.main_menu {
display: none!important;
}
.single-product nav.main_menu {
display: block!important;
}

    Best regards,
    Yigit

    June 4, 2019 at 4:42 pm #1107173
    ChiangMaiAuction

    Hello I need some support for my Enfold website. I want to remove the woocommerce account dashboard from the front page.

    June 4, 2019 at 6:22 pm #1107204
    Jordan Shannon

    Hey ChiangMaiAuction,

    On the front end? Please provide a link to the site/page in question so we can look into this issue further.

    Best regards,
    Jordan Shannon

    June 4, 2020 at 4:12 pm #1219446
    Dase

    Hello,

    I can’t remove menu bar in Woocommerce pages, tried with the code below:

    .woocommerce-page nav.main_menu {
    display: none!important;
    }

    June 4, 2020 at 4:29 pm #1219455
    Yigit

    Hi @Dase,

    Would you like to remove post navigation that appears on both sides on product pages? If so, please try adding following code to bottom of Quick CSS in Enfold theme options > General Styling

    single-product .avia-post-nav {
    display: none;
}

    If that is not what you meant, could you please elaborate on the changes you would like to make? :)

    Best regards,
    Yigit

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