Mobile Menu and Logo

Sorry for my poor English.
Just want to start out by saying… love this theme and I love the work that aThemes is doing. For the most part I’ve found it very easy to create a website using this theme.

Now… lol

1.Mobile version. I want the logo to be placed on the left side and the menu on the right side with the caption “Menu” on the front.
2. If I did not like the first option I would like a Primary menu on the mobile version was Footer menu similar

Hello,

First thanks for using our Astrid theme and thanks for the kind words!

  1. Please try adding the given custom CSS code below at Appearance > Customize > Additional CSS:
    @media screen and (max-width: 1024px) {
    	.site-header > .container {
    		display: flex;
    	}
    	.site-header .btn-menu {
    		text-align: right;
    	}
    	.site-header .btn-menu::before {
    		content: 'MENU';
    		position: relative;
    		bottom: 3px;
    		margin-right: 15px;
    		font-size: 0.7em;
    	}
    }
  1. For the second option please try with the custom CSS code below:
    @media screen and (max-width: 1024px) {
    	.btn-menu {
    		display: none;
    	}
    	.main-navigation {
    		display: block !important;
    		position: relative !important; 
    		background-color: transparent !important;
    	}
    	.main-navigation .menu {
    		display: flex;
    		flex-wrap: wrap;
    		justify-content: center;
    	}
    	.main-navigation .menu > li {
    		border-bottom: 0 !important;
    		width: auto !important;
    	}
    }

We hope this helps!

Let us know if you need further assistance.

Kind Regards,
Rodrigo,
aThemes Support

Thanks . Its work. <3

Hello,

Great the issue is now resolved!

If you need further assistance, feel free to contact us.

Kind Regards,

Rodrigo,

aThemes Support

1 Like