Responsive Primary Menu Selected

  • imadeva

    (@imadeva)


    9 years, 9 months ago

    Hi There,

    As an FYI, I stumbled on an issue where transitioning between mobile and standard headers (by changing browser window size, or flipping tablet) triggers weird selected areas around the non-mobile menu items. I checked the demo page http://demos.shapedpixels.com/opportune/ and it looks like it may be native to the theme.

    Steps:

    1. in mobile view, click the menu
    2. in mobile view, click another part of screen
    3. expand browser window to trigger normal menu view

    The area around each menu link in the normal menu should now be oddly highlighted (in your demo site, it’s black).

    Thought I’d note this here in case it’s needed. Have a good day!

Viewing 1 replies (of 1 total)
  • Theme Author Shaped Pixels

    (@shaped-pixels)

    9 years, 9 months ago

    Thanks for noting that. I’ve seen that before and it has something to do with the fact that when the menu is in mobile view, mobile styling is implemented. However, if you go in mobile view on a desktop screen and manually drag the screen to be larger, the mobile CSS remains; the monitor would need to be refreshed to reload the site so that the desktop CSS loads.

    I’m not sure why that is and have not figured it out because I’ve seen some other themes out on the net that does not do that, although I know some themes use JQuery script for their menus.

    But most of the time, no one will resize the window from mobile to desktop size by dragging the window open. Normally when a website is viewed in mobile, the screen loads fresh in the mobile screen. Generally, a site using Opportune will be viewed in a mobile device with the mobile styles, whereas if loaded in a desktop screen there is no transition to cause that phenomenon as the desktop will load the page as a fresh page when visiting.

    I know that isn’t the best answer and follow up to what you’ve discovered, but it relates to the menu and how it was created. Again, I’ve not located why it holds the mobile styles even when manually dragging the screen to be bigger.

    I’ve made notes to completely redesign a standard menu that is more simplified.

    In a nutshell, it’s a screen refresh issue.

Viewing 1 replies (of 1 total)

The topic ‘Responsive Primary Menu Selected’ is closed to new replies.