Home>Support>Mobile Rendering (Menu And Footer)

Mobile Rendering (Menu And Footer)

By Jose AMezcua, 9 years ago. Last reply by Andrew Misplon, 9 years ago.
Notice: This thread is over two years old; the information may be outdated. Please consider creating a new thread if you require free support. If you have an active SiteOrigin Premium license, you can email our premium support desk at [email protected].

Hello Site Origin team!
Hope life is great and work abundant. We are having some issues with www.dor.activemarketing.mx on mobile.
This is How it Looks: http://dor.activemarketing.mx/wp-content/uploads/2015/11/20151112122510-1.jpg
This is how we want to look: http://dor.activemarketing.mx/wp-content/uploads/2015/11/How_IT_Should_Look.jpg
1. Menu Icon: Could you guys please take a look and help us out with the mobile menu icon. When in mobile it is really far to the upper-right and it is really small.
2. Mobile Menu: Also, is there a way to change the direction mobile menu enters? And the space it takes up? Can we make it just take up 80% of the screen (horizontally)
Footer: when in mobile the image blows up really big and the horizontal menu we have aligns weirdly, is there a way to have it align left-vertically?
BTW: We have a child theme out of vantage pro.
Hope you guys can help,
thanks in advance and our best wishes!
JP

URL: http://www.dor.activemarketing.mx

This is our free support forum. Replies can take several days. If you need fast email support, please purchase a SiteOrigin Premium license.

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

    Hi Jose

    Thanks for reaching out.

    Footer:

    /* Footer */

@media (max-width: 680px) {

	#footer-widgets .widget.widget_nav_menu {
		margin-left: 0;
	}

	#footer-widgets .widget.widget_nav_menu li {
		display: block;
		margin-right: 0;
	}

	#footer-widgets .widget.widget_nav_menu li:before {
		content: none;
	}
}

    Menu Icon:

    The problem is coming from your child theme CSS:

    @media screen and (max-width: 953px)
.main-navigation a, .main-navigation ul li a, .main-navigation ul ul li a {
    font-size: 5px !important;
}

    Mobile Nav Direction and Size:

    Unfortunately, it’s beyond our support scope to change the direction of entry and size of the mobile menu. You could consider a third-party mobile menu.

    Examples:
    https://wordpress.org/plugins/responsive-menu/
    https://wordpress.org/plugins/wp-responsive-menu/

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