Viewing 16 posts - 1 through 16 (of 16 total)
  • Author
    Posts
  • March 13, 2019 at 5:50 pm #1078322
    jacewoodrum

    Hi there,

    I am trying to create a simple landing page with my logo centered at the top and no menu options. I have tried all the options in these forums including entering…

    .home #header_main{
display:none!important;
}

@media only screen and (max-width:767px) {
  #header_meta {
    display: none;
  }

    into the Quick CSS as suggested but nothing works. How can I hide these menus?

    Thanks!

    March 13, 2019 at 8:33 pm #1078397
    Jordan Shannon

    Hey jacewoodrum,

    Please provide a link to the site/page in question so we can look into this further.

    Best regards,
    Jordan Shannon

    March 14, 2019 at 6:21 pm #1078777
    jacewoodrum
    This reply has been marked as private.
    March 14, 2019 at 10:20 pm #1078876
    Jordan Shannon

    Hi,

    I’m not seeing a logo or menu at all. Can you remove the css that may be currently hiding this?

    Best regards,
    Jordan Shannon

    March 15, 2019 at 5:14 pm #1079189
    jacewoodrum

    Hi Jordan,

    It looks like now the menu is hidden but the logo is now also gone. You want me to remove the CSS?

    March 15, 2019 at 9:08 pm #1079231
    Jordan Shannon

    Hi,

    If you need the logo to show, just remove the CSS hiding the logo and you should be good to go.

    Best regards,
    Jordan Shannon

    March 15, 2019 at 11:06 pm #1079292
    jacewoodrum

    This is the only custom CSS I put in.

    `.home #header_main{
    display:none!important;
    }

    @media only screen and (max-width:767px) {
    #header_meta {
    display: none;
    }
    }

    March 17, 2019 at 4:47 pm #1079631
    Victoria

    Hi jacewoodrum,

    Try the code like this:

    
@media only screen and (max-width:767px) {
	#header_meta {
		display: none;
	}
	.home #header_main{
		display: none !important;
	}
}

    Actually, there is a template in Enfold without header and footer. You can use it and add the logo on top manually.

    Best regards,
    Victoria

    • This reply was modified 5 years, 9 months ago by Victoria.
    March 18, 2019 at 5:12 pm #1079981
    jacewoodrum

    Hi Victoria,

    I tried updating the code and the logo is still hidden. I am hesitant to use a new template as I have gotten this far with the design.

    March 18, 2019 at 10:38 pm #1080119
    Victoria

    Hi jacewoodrum,

    I mean that Enfold has the blank page template:
    Image 2019-03-18 at 22.37.05.png

    But the code above is hiding the logo, not showing it and you want to show the logo, right?

    Best regards,
    Victoria

    March 18, 2019 at 10:41 pm #1080125
    jacewoodrum

    Oh ok thank you! What I am seeking is to hide all the menus and just display a logo centered at the top. We want it to just be a landing page.

    March 20, 2019 at 2:05 am #1080590
    Jordan Shannon

    Hi,

    I am currently just seeing the logo, no menu. Were you able to get this resolved?

    Best regards,
    Jordan Shannon

    March 20, 2019 at 6:13 pm #1080937
    jacewoodrum

    Jordan, I placed an image in the header temporarily but still am unable to get a logo that scales with screen size to work there. So I am still seeking a solution.

    March 21, 2019 at 8:42 pm #1081553
    jacewoodrum

    Any solutions for this? I need to launch this soon. Thanks.

    March 21, 2019 at 9:05 pm #1081561
    jacewoodrum

    Currently, I have everything as needed but the mobile hamburger menu will not go away.

    March 24, 2019 at 2:58 am #1082206
    Vinay

    Hi,

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

    CSS Snippet:

    
/* CSS - */

/* hide mobile menu icon and display text menu */

@media only screen and (max-width: 767px) {

  #top #header .av-burger-menu-main {
  	display:none;
  }
  }

    Best regards,
    Vinay

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