This thread is over two years old and may be outdated. Please create a new thread if you need help, or email us if you have an active Premium license.

Responsive menu issue

Resolved 11 replies premiumthemetheme-vantage
JHeard
10 years ago · Last reply by Andrew Misplon 10 years ago

I am having an issue with my sites responsive menu for Vantage. When selected from mobile 90% of the time it is unresponsive. Also would like to adjust the size and location of the logo. Left hand upper corner would work well I imagine. Any hints on how to do this?
Thank you, really enjoying the theme.

URL: http://www.sparechangeonline.com

This is our free support forum. Replies can take several days.

Need fast email support? Get SiteOrigin Premium

Replies

11
  1. Andrew Misplon Staff 10 years, 3 months ago

    Hi JHeard

    Thanks for reaching out.

    Your logo is on the edge on the screen for mobile because of the following rule in Custom CSS:

    @media (max-width: 680px) {
	#masthead .hgroup .logo {
	    margin-left: -100px;
	}
}

    Recommend something like this instead (replace the above):

    @media (max-width: 680px) {
	#masthead .hgroup {
	    padding-top: 0;
	    padding-bottom: 0;
	}
	body.responsive #masthead .hgroup .logo {
	    margin-bottom: -15px;
	}
	body.responsive #masthead .hgroup .logo img {
		height: auto;
	    max-width: 80%;
	}	
}

    You can use the last rule above to adjust the size of your logo.

    The mobile menu button is working 100% of the time for me in Chrome on iPhone/iOS. Could you perhaps let us know the device and browser you’re testing on?

    Thanks :)

  2. Andrew Misplon Staff 10 years, 3 months ago

    The second rule above in the media query, you can also try adding a bit of top negative margin to it if required:

    body.responsive #masthead .hgroup .logo {
		margin-top: -15px;
	    margin-bottom: -15px;
	}

    Within the media query of course. Thanks :)

  3. JHeard 10 years, 3 months ago

    Thanks Andrew for getting back to me,

    I have a Samsung Galaxy s6 using Internet Explorer.

    The code I was using I had just inserted following another thread, didn’t even realize the logo was missing from the ‘mobile view’ lol.

    As far as logo positioning I’d like to have it similar to how it is displayed in the preview you have for Vantage. Not for mobile but for desktop.

    Not too familiar with CSS just yet, thank you for your help.

  4. Andrew Misplon Staff 10 years, 3 months ago

    Ahh for desktop. Ok, ignore the CSS I sent then. Just remove the Custom CSS you had there as the -100px isn’t necessary.

    Go to Appearance > Customize > Theme Design > General and disable the center logo option.

  5. Andrew Misplon Staff 10 years, 3 months ago

    I’ll need to ask one our developers to check the menu issue tomorrow, I’ll revert ASAP on this.

  6. Andrew Misplon Staff 10 years, 3 months ago

    Could you perhaps check Chrome on your phone and see if the issue persists with the menu icon?

    • JHeard 10 years, 3 months ago

      The responsive menu is working as intended using Chrome at this time.

      I was able to adjust the logo, appreciate the help.

  7. Andrew Misplon Staff 10 years, 3 months ago

    Glad to hear you’ve made progress.

    We’ll take a look at mobile IE tomorrow and see if we can resolve.

  8. Andrew Misplon Staff 10 years, 3 months ago

    Our developer Braam let me know he’s unable to find IE on the Play Store. Is this something you’d like to investigate further?

    • JHeard 10 years, 3 months ago

      No, thanks for your help Andrew

  9. Andrew Misplon Staff 10 years, 3 months ago

    Cool, thanks :) If anything else comes up, let me know.

    All the best.

Replies on this thread are closed.

Please create a new thread if you have a question, or purchase a SiteOrigin Premium license if you need one-on-one email support.

Have a different question or issue?

Start New Thread