Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • June 2, 2021 at 11:48 am #1303565
    Rachel

    Hey,
    2 months ago, I’ve asked for your help with my menu – https://kriesi.at/support/topic/logo-centered-split-menu-is-not-responsive/
    today I’ve realized that when I’m looking at the screen with 125% zoom in the menu is inline to the center and the logo.
    however, on different percentages, it is not the case.
    I already checked the header responsive option but it didn’t change anything.

    I’ve added pics so you guys can see the problem.

    thanks

    June 6, 2021 at 5:54 pm #1304281
    Mike

    Hey Reut Rachel,
    Thank you for your patience and the links and the screenshots, I have reviewed your menu at many different screen sizes and recommend this css to correct it, please try this code in the General Styling > Quick CSS field or in the WordPress > Customize > Additional CSS field:

    @media only screen and (min-width: 1440px) { 
	.av-main-nav-wrap {
		transform: unset;
    	left: unset;
		float: unset;
		justify-content: center;
    	display: flex;
	}
	#header .main_menu {
    transform: unset;
    left: unset;    
    width: 104% !important;
    
	}
	.logo, .logo a {
    height: 100px !important;
	}
	#header .logo img {
    max-width: 100px !important;
	}
}

    After applying the css, please clear your browser cache and check. Please see the screenshot in the Private Content area.
    I note that your logo is not transparent so it has a square white edge at higher screen sizes, I recommend correcting to a transparent logo edge.

    Best regards,
    Mike

    June 12, 2021 at 4:43 pm #1305405
    Rachel

    Hey :)

    Thanks for that.
    the menu is responsive, however, it didn’t work.
    and also, the menu starts after the logo and not splits half and half.
    I’ve added pics for the menu in 100% and 125% zoom browser
    it doesn’t matter the px size of the width of the screen, it only matters what the size of browser zoom is.

    The dimensions definitions are:
    Maximum Container width – 100%
    Content + Sidebar width – 100%
    and the site is set to responsive.

    In the meantime, I deleted the code you sent me, and for the moment, it is as it was when I wrote this post.
    Thanks again for all the help :)

    June 12, 2021 at 6:12 pm #1305411
    Mike

    Hi,
    Sorry but “zoom” is not the correct function to use in testing, there are no css or javascript controls for recognizing a browser’s “zoom” level, it is a personal user preference.
    For testing different browser sizes, aka browser resolution, please use the dev tools (F12 on Windows), responsive mode, such as the screenshot in the Private Content area.

    Best regards,
    Mike

    June 24, 2021 at 9:10 am #1307256
    Rachel

    Hey Mike.
    Yes, I’m familiar with the F12 functions and use them a lot.

    like I said, my problem is not with different sizes and screens. the only thing that bothers me is that the split menu doesn’t adjust to the “zoom in-zoom out” web function.
    but have noticed that it’s happening on every site with a split menu.

    thanks for all the help.

    June 24, 2021 at 2:39 pm #1307317
    Mike

    Hi,
    Sorry, there is no “zoom in-zoom out” web function, this is only a local browser function.

    Best regards,
    Mike

    October 16, 2021 at 2:18 pm #1325232
    Rachel

    hey :)

    Sorry for the late response.
    I’ve been playing with the variables and with the new code that you sent the problem is fixed.

    Thank you :)

    you can close :)

    October 16, 2021 at 5:15 pm #1325240
    Mike

    Hi,
    Glad we were able to help, if you have any further questions please create a new thread and we will gladly try to help you. Thank you for using Enfold.

    Best regards,
    Mike

  • Author
    Posts
Viewing 8 posts - 1 through 8 (of 8 total)
  • The topic ‘Logo Centered split menu is not responsive’ is closed to new replies.