The primary menu is displayed inconsistently on webpage.

  • Resolved FranR

    (@franr)


    7 years, 9 months ago

    I’m trying to help update a church website my son inherited. It’s also a blog but uses a static front page. The primary menu displays inconsistently, apparently not dependent on the browser used. It sometimes shows as intended; sometimes as a weird dropdown that covers most of the content on the page. It displays fine on my computer, but suddently changed when my son hit ‘preview’ to look at his work. It also comes up wrong on my husband’s computer. The site is monumentpc.org. Any idea what’s wrong?

Viewing 9 replies - 1 through 9 (of 9 total)
  • Andrew Nevins

    (@anevins)

    WCLDN 2018 Contributor | Volunteer support

    Maybe you’re seeing a cached (old) version of your website. Try clearing your browser’s cache. Do you see the issue now?

    Andrew Nevins

    (@anevins)

    WCLDN 2018 Contributor | Volunteer support

    Is there any way to retrieve support from the theme author? https://themeforest.net/user/ThemeMakers

    Andrew Nevins

    (@anevins)

    WCLDN 2018 Contributor | Volunteer support

    It seems there are errors in the theme’s stylesheet, which are causing the problem.
    This is the problem:

    
.not-ie a, .not-ie a > * {
	-webkit-transition: background-color .2s ease, border .2s ease, color .2s ease, opacity .2s ease-in-out;
	   -moz-transition: background-color .2s ease, border .2s ease, color .2s ease, opacity .2s ease-in-out;
		-ms-transition: background-color .2s ease, border .2s ease, color .2s ease, opacity .2s ease-in-out;
		 -o-transition: background-color .2s ease, border .2s ease, color .2s ease, opacity .2s ease-in-out;
			transition: background-color .2s ease, border .2s ease, color .2s ease, opacity .2s ease-in-out;

    There is no closing parenthesis (}).

    Andrew Nevins

    (@anevins)

    WCLDN 2018 Contributor | Volunteer support

    WordPress has a section in the dashboard called “Custom CSS”. Use that for your CSS modifications. Do not edit the theme’s files. Not only because your changes will be wiped when the theme is updated, but because you won’t have to wade through thousands of lines of code to find the problem like I did.
    https://codex.www.ads-software.com/CSS#Custom_CSS_in_WordPress

    • This reply was modified 7 years, 9 months ago by Andrew Nevins.
    Thread Starter FranR

    (@franr)

    Andrew, well now I’m embarassed. Your replies did help me. I had printed out the CSS of the website so I could try to figure out as much as I could. Right near the missing } you found, the next section had to do with ul li {list style: none;}. I had done some trouble-shooting to figure out why bullets I had put in weren’t showing up and learned that I should look at the CSS to find “list style: none” and change it to “list style: disc” I had done that awhile ago. When I changed that back to “none” and deleted my browsing history yet again, the right menu was back!

    Maybe I’ll put those bullet changes in the “Custom CSS” and see if it works.

    Thread Starter FranR

    (@franr)

    My last reply hasn’t actually shown up. I deleted the browsing history and my computer site looked bad. I made the changes to the custon CSS you suggested and that didn’t work. I wondered if there was anything else I might do. Then I did what’s actually posted above.

    Andrew Nevins

    (@anevins)

    WCLDN 2018 Contributor | Volunteer support

    Great, it looks like the issue is now fixed? Let me know if it’s still a problem, otherwise I’ll re-mark this thread resolved.

    Andrew Nevins

    (@anevins)

    WCLDN 2018 Contributor | Volunteer support

    To help you find the issue in future, try using a CSS validator tool like this: https://jigsaw.w3.org/css-validator/

    Thread Starter FranR

    (@franr)

    I appreciate all your help. Yes, the issue is solved– at least for now. Bet I’ll be back!

Viewing 9 replies - 1 through 9 (of 9 total)
  • The topic ‘The primary menu is displayed inconsistently on webpage.’ is closed to new replies.