Home>Support>Responsive menu issue

Responsive menu issue

By JHeard, 8 years ago. Last reply by Andrew Misplon, 8 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. If you need fast email support, please purchase a SiteOrigin Premium license.

  1. 8 years, 10 months ago Andrew Misplon
    Hi, I Work Here

    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. 8 years, 10 months ago Andrew Misplon
    Hi, I Work Here

    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. 8 years, 10 months ago 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. 8 years, 10 months ago Andrew Misplon
    Hi, I Work Here

    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. 8 years, 10 months ago Andrew Misplon
    Hi, I Work Here

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

  6. 8 years, 10 months ago Andrew Misplon
    Hi, I Work Here

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

    • 8 years, 10 months ago JHeard

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

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

  7. 8 years, 10 months ago Andrew Misplon
    Hi, I Work Here

    Glad to hear you’ve made progress.

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

  8. 8 years, 10 months ago Andrew Misplon
    Hi, I Work Here

    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?

    • 8 years, 10 months ago JHeard

      No, thanks for your help Andrew

  9. 8 years, 10 months ago Andrew Misplon
    Hi, I Work Here

    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.

Get The Most Out of SiteOrigin with SiteOrigin Premium

Find Out More