Changing CSS, menus not working in Google Chrome.

  • Resolved Jane Milburn

    (@jane-milburn)


    10 years, 3 months ago

    I was changing some css to change the width of the sidebars and also to move the top horizontal menu items along to the left. I did this in Twenty Fourteen child theme,Jetpack Custom CSS and all works fine in Firefox but not in Google Chrome. Instead in Chrome the menus do not work and the pointer turns into a hand everywhere on the page not just on links? I’m not sure if my actions caused the problem? Help would be much appreciated.
    plinthart.com
    Here’s the code I used:-
    nav[role=”navigation”] li {
    margin-right: -10px;
    }

    .site {
    background-color: rgb(255,255,255);
    max-width: 72.5%;
    position: relative;
    }
    As with many times I ask for help it is because I have searched for the answer, found similar, tried and not worked and nothing meets my needs. Many thanks in advance.

Viewing 7 replies - 1 through 7 (of 7 total)

  • Hey Jane,

    I see no issues specifically on chrome on your site, menu is working fine for me on chrome,

    about pointer changing to hand, that’s happening on your site header, because your site header is a complete image, and site-header has a link.
    you can just keep same pointer there by using following code,

    #site-header a img {
cursor: context-menu;
}

    your menu, when page scrolled down goes out of window, and your inner pages seem to be going out of window as well, here’s some code that will fix it – 

    .site-header {
max-width: 979px !important;
}
.menu-main-container {
float: right;
}
#content {
width: auto !important;
}
@media screen and (min-width: 783px){
	.primary-navigation
	{
		width: 100%!important;
	}
}

    cheers, Nikhil

    Thread Starter Jane Milburn

    (@jane-milburn)

    Thank you so much, the first piece of code did exactly what was needed. Thank you for letting me know the menus work in Chrome. They are now working for me also. I can not see the problem in Chrome where you mention “…when page scrolled down goes out of window, and your inner pages seem to be going out of window as well…”. Is the problem still there? If so I will try your suggested code. Many thanks again.

    Thread Starter Jane Milburn

    (@jane-milburn)

    Hi Nikhil, would you mind having a look on Chrome plinthart.com and telling me if the menus still come off the page? Thank you.

    Andrew Nevins

    (@anevins)

    WCLDN 2018 Contributor | Volunteer support

    Make sure you’re not zoomed in, and disable all of your chrome addons.

    Thread Starter Jane Milburn

    (@jane-milburn)

    What device are you viewing on please? When I apply the code you gave, the menus move over to the left massively in Firefox and Chrome?

    Thread Starter Jane Milburn

    (@jane-milburn)

    Since removing the code and refreshing, clearing cache etc. The menu has stayed where it is (too far over to the left in Chrome? Please help.

    Thread Starter Jane Milburn

    (@jane-milburn)

    Thank you so much Andrew, I was initially zoomed in!!!

Viewing 7 replies - 1 through 7 (of 7 total)
  • The topic ‘Changing CSS, menus not working in Google Chrome.’ is closed to new replies.