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
Started · Latest reply by Andrew Misplon

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

    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

    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

    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

    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

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

  6. Andrew Misplon Staff

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

    • JHeard

      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

    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

    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

      No, thanks for your help Andrew

  9. Andrew Misplon Staff

    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