Title: Responsive Primary Menu Selected
Last modified: September 1, 2016

---

# Responsive Primary Menu Selected

 *  [imadeva](https://wordpress.org/support/users/imadeva/)
 * (@imadeva)
 * [9 years, 9 months ago](https://wordpress.org/support/topic/responsive-primary-menu-selected/)
 * 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/](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](https://wordpress.org/support/users/shaped-pixels/)
 * (@shaped-pixels)
 * [9 years, 9 months ago](https://wordpress.org/support/topic/responsive-primary-menu-selected/#post-7495622)
 * 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.

 * ![](https://i0.wp.com/themes.svn.wordpress.org/opportune/1.0.5/screenshot.png)
 * Opportune
 * [Support Threads](https://wordpress.org/support/theme/opportune/)
 * [Active Topics](https://wordpress.org/support/theme/opportune/active/)
 * [Unresolved Topics](https://wordpress.org/support/theme/opportune/unresolved/)
 * [Reviews](https://wordpress.org/support/theme/opportune/reviews/)

 * 1 reply
 * 2 participants
 * Last reply from: [Shaped Pixels](https://wordpress.org/support/users/shaped-pixels/)
 * Last activity: [9 years, 9 months ago](https://wordpress.org/support/topic/responsive-primary-menu-selected/#post-7495622)
 * Status: not a support question