Curious differences between browsers

  • Unknown's avatar
    unboundedchurch · Member ·

    I have noticed a curious and unwanted occurrence. When I load the blog https://unboundedchurch.com (which uses the Edin theme with some additional CSS) I get different views in different browsers:

    Chrome shows things correctly, as does Brave.

    But Safari on a Mac doesn’t show the main menu. But if I click on the page (e.g. do “Inspect Element”, or click the post “Like” button) the featured image moves down and the menu appears. Click again and the menu disappears again.

    A friend using a Microsoft browser (I think) sees the menu only intermittently, and sometimes misses the image as well, he tells me.

    I can see from searching that disappearing menus have been a problem on and off with Safari. Does anyone have an explanation and a fix please?

    The blog I need help with is: (visible only to logged in users)

  • staff-doublebassd · Staff ·

    Hi there,

    I see what you are saying. I checked your site on Chrome and I am able to see the hamburger menu, but when viewing the site in Safari, it is definitely not there. I am, however, able to see the menu just fine on the theme demo while in Safari:

    https://edindemo.wordpress.com

    When you remove all CSS from your site, does the menu come back?

  • Unknown's avatar
    unboundedchurch · Member ·

    Hi darnelldibble,

    Thanks for your help. I’m sorry I took a couple of days to get back to you.

    I deleted the CSS temporarily and it made no difference to the menu, apart from changing the style when it appeared after I did “Inspect Element”.

    I notice your link is to a site with a hamburger men, which appears fine on Safari for me. But my site has a conventional horizontal menu.

    I went to the Edin theme page and noticed it is now a little old. (I hadn’t realised that before.) Perhaps it is time to update to a newer theme??

  • Unknown's avatar
    unboundedchurch · Member ·

    Nevertheless, I’d like to fix this for now, while I work out if I want to change themes, and what them works best.

    I have two more pieces of information.

    (1) The menu appears in Firefox (I downloaded Firefox to test this) but misplaced (it starts halfway across the page and runs on to the next line).

    (2) The Edin theme has three possible menu location. If I activate all three using the main menu each time, it footer menu appears but the Primary and Secondary menus do not.

    Do you have any thoughts on why a menu would only appear when I “Inspect Element”? Do you think it may be because Edlin was designed before the block editor, and that has changed how it appears?

    Thanks.

  • kokkieh · Staff ·

    Hmm, I can see your site’s menu just fine, and it looks identical for me in Chrome, Firefox and Safari, whether I view the site while logged in or logged out:


    (screen shot taken in Safari)

    Are you using any browser add-ons in Safari and Firefox? See if disabling those, or viewing your site in private mode makes any difference.

    I notice your link is to a site with a hamburger men, which appears fine on Safari for me. But my site has a conventional horizontal menu.

    Your site also has a hamburger menu on smaller screens. Edin uses a hamburger menu by default, but you’re using the option built into this theme to show a classic menu instead. You’ll find this option in the Customizer under the Theme Options tab.

    Even forcing the classic style menu, your site still shows a hamburger menu on smaller screens as well. You can test this for yourself by resizing the browser window on your computer while viewing your site.

    (2) The Edin theme has three possible menu location. If I activate all three using the main menu each time, it footer menu appears but the Primary and Secondary menus do not.

    Okay, is this issue happening with the primary or the secondary menu? I see you currently have both activated, which is likely why I’m not seeing the issue on my end. Please set your menu back to the way you had it when you started noticing this issue and I can take another look.

    Do you have any thoughts on why a menu would only appear when I “Inspect Element”? Do you think it may be because Edlin was designed before the block editor, and that has changed how it appears?

    I have no idea why this would be, but it definitely has nothing to do with the block editor, as the block editor only controls what happens to content inside your posts and pages. It has no control over or effect on elements added by your theme, like the site menu.

  • The topic ‘Curious differences between browsers’ is closed to new replies.