Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • June 14, 2018 at 7:45 pm #972972
    Archie

    Hi there Enfold team!

    I have these settings for my menu:

    Website is http://circle2media.com/

    .logo {
margin-left: 40px;
}

.main_menu {
margin-right: 40px;
}

    Unfortunately it is also squeezed the logo and “burger menu” together on mobile view, and the “burger menu” now overlaps on the logo. Can you please help with how I can configure this so that the code only applies on desktop, and is ignored on mobile view?

    Thank you so much! :)

    • This topic was modified 6 years, 4 months ago by Archie.
    June 16, 2018 at 6:05 pm #973675
    Victoria

    Hey Archie,

    Here is the code you can put in Enfold > General Styling > Quick Css,  if it does not work, put into themes/enfold/css/custom.css

    
@media only screen and (min-width:990px) {
	.logo {
		margin-left: 40px;
	}

	.main_menu {
		margin-right: 40px;
	}
}

    If you need further assistance please let us know.

    Best regards,
    Victoria

    June 18, 2018 at 10:30 am #974136
    Archie

    Hi Victoria!

    This works perfectly! Thanks!

    June 18, 2018 at 1:33 pm #974242
    Victoria

    Hi Archie,

    Glad we could help :)

    If you need further assistance please let us know.
    Best regards,
    Victoria

  • Author
    Posts
Viewing 4 posts - 1 through 4 (of 4 total)
  • You must be logged in to reply to this topic.