Viewing 12 posts - 1 through 12 (of 12 total)
  • Author
    Posts
  • February 26, 2019 at 6:35 am #166733
    valelotartaro
    Participant

    Hello,
    The menu in screens of 11′ and below is shown in two rows . Is there a way that it gets smaller in those screens so that it shows everything in one row? Or to show in those screens the modern menu format while in bigger screens it shows the classic format? Or to use a different logo in smaller screens?
    The url is http://162.243.63.85
    Kind regards, Valeria

    February 26, 2019 at 10:40 pm #166793
    Skandha
    Participant

    @valelotartaro: For that
    Go to => Appearance => Customize => Additional CSS and add the following CSS Code.

    @media screen and (min-width:1024px) and (max-width:1192px) {
	.site-branding {
		padding:0;
	}
	.navigation-classic .site-navigation a {
		padding:26px 16px;
	}
}

    Let me know if resolves the issue.
    Kind Regards,
    Skandha

    March 9, 2019 at 8:12 am #167554
    valelotartaro
    Participant

    Hello Skandha, this didn’t work. Is there a way to make the logo smaller in those screens? I am checking in a Macbook air 11′ and the menu gets distorted because the logo is big (2 rows). However in a macbook 13′ it’s perfect (all in one row), or if I put the zoom in the mac 11′ at 90% it is also in one row.
    Looking forward for your very helpful answers,
    Kind regards, Valeria

    March 11, 2019 at 2:34 am #167628
    Skandha
    Participant

    @valelotartaro: Can you please attach me a screenshot a where the menu is getting distorted?

    Kind Regards,
    Skandha

    March 12, 2019 at 2:08 pm #167737
    valelotartaro
    Participant

    How do I attach the screenshot?

    March 13, 2019 at 1:23 am #167753
    Skandha
    Participant

    @valelotartaro: You can upload the image in Dropbox or similar kind of workspace and then post the link here.

    Kind Regards,
    Skandha

    March 13, 2019 at 7:15 am #167775
    valelotartaro
    Participant

    Tell me if you can sse it:

    https://drive.google.com/open?id=11bmmVHItz6iE-pdh7o5kkulnLhKxN-YD
    Here the navigation bar is is two rows (one with the logo and the other with the menu) with Macbook Air ’11

    However if I put the zoom in 90% everything is in one row, and that is how I want it to be always. Is there a way to set that if screens are ’11 the navigation bar and logo shrinks to 90%? (https://drive.google.com/open?id=1BDlTTR4p9jEovE8ouwEBhHKbqFJwaLg8)

    Kind regards, Valeria

    March 14, 2019 at 3:22 am #167836
    Skandha
    Participant

    @valelotartaro: Go to => Appearance => Customize => Additional CSS and add the following CSS Code.

    @media screen and (min-width:1024px) and (max-width:1212px) {
	.navigation-classic #header-wrapper:not(.header-top) .site-navigation a {
		padding:26px 15px;
	}
}

    Let me know if this resolves the issue.
    Kind Regards,
    Skandha

    March 14, 2019 at 7:42 am #167850
    valelotartaro
    Participant

    Thank you! It works in all the pages except home. The url is https://bodegahcanale.com
    Kind regards, Valeria

    March 15, 2019 at 2:44 am #167908
    Skandha
    Participant

    @valelotartaro: Go to => Appearance => Customize => Additional CSS and add the following CSS Code.

    @media screen and (min-width:1024px) and (max-width:1224px) {
	.navigation-classic .site-navigation a {
		padding:26px 10px;
	}	
}

    Let me know if this works out!
    Kind Regards,
    Skandha

    March 15, 2019 at 8:41 am #167933
    valelotartaro
    Participant

    Perfect : )) Thank you!!

    March 15, 2019 at 12:45 pm #167956
    Skandha
    Participant

    @valelotartaro: Glad I could help you out. Have a good day! 🙂

    Kind Regards,
    Skandha

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