Tagged: ,

Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • February 14, 2015 at 8:53 pm #396206
    February 15, 2015 at 5:50 pm #396429
    Elliott

    Hi Paul!

    We could give you some CSS to add some margin on one of your menu items to create a space for the logo and then move the logo to the left.

    The problem here is that if you add more items to your menu then you would have to adjust the CSS again.

    Send us a link to your page and we’ll take a look.

    Best regards,
    Elliott

    February 18, 2015 at 1:11 am #397916
    style960

    Hi Elliott,

    Can this be added to the request list?

    The site is in maintenance mode at the moment, I am testing a different theme because Enfold doesn’t cater for this type of menu.

    Having said that, neither Enfold or the other theme I am looking at, really allow for a logo which is greater in height than it is in width. I’m not sure how to get around that at the minute.

    Can you send over any CSS examples for the header issue? I’m happy to apply changes myself.

    Thanks,
    Paul.

    February 18, 2015 at 7:04 pm #398390
    Elliott

    Hey!

    Another way you could try doing this is adding the logo to one of your menu links.

    When you edit the link click on the dropdown arrow and add this inside the navigation label.

    <img src = "URL to your logo image" />

    Best regards,
    Elliott

    February 18, 2015 at 7:56 pm #398424
    style960

    Hi Elliott,

    Thanks for the suggestion, I’ll let you know how I get on :)

    Thanks again,
    Paul.

    February 18, 2015 at 8:21 pm #398436
    style960

    Hi Elliott,

    I think your second suggestion in adding the logo as a menu link is a good one. It solves the original problem and allows me to hide the normal logo div on desktop and use a different, more horizontal logo on mobile.

    Can you tell me what the breakpoints are for Enfold so I can tidy that up? Anything showing desktop will show the new menu image link and hide the default logo, and vice versa when the mobile theme kicks in. I’m happy to add the CSS, I just need to know when mobile takes effect.

    Thanks,
    Paul.

    February 18, 2015 at 8:28 pm #398440
    style960

    Hi Elliott,

    I also need to centre the main menu div which I can’t seem to get right.

    Any ideas?

    Thanks,
    Paul.

    February 19, 2015 at 12:22 pm #398820
    Ismael

    Hi!

    The mobile menu kicks in on screen size below 998px, assuming you have that activated on Enfold > Header > Mobile Menu > Header Mobile Menu activation settings. Use this css media queries to adjust the transition on mobile screens:

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

	/* Tablet Portrait size to standard 960 (devices and browsers) */
	@media only screen and (min-width: 768px) and (max-width: 989px) {
		}

	/* All Mobile Sizes (devices and browser) */
	@media only screen and (max-width: 767px) {
        }

    Please provide a link to the actual page so that we can inspect it.

    Cheers!
    Ismael

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