Responsiveness issue with browser resize and/or dropping down mobile menu

- 10 years ago jameson
  Participant
  
  Expired
  
  Hi!
  
  I’m running into a problem with responsiveness of the page container. It doesn’t expand fully after two instances:
  
  When resizing the browser
  
  1) Without any resizing of the browser, the page looks great. But if I were to resize the browser to any size and then return to the original size (for example: going from a maximized screen, restoring down the screen, then maximizing again) the page’s container doesn’t expand fully. Here’s a few images as to what I’m referring to:
  
  [caption id="" align="alignnone" width="1600"] Notice the page’s container doesn’t expand fully after resizing the browser.[/caption]
  
  [caption id="" align="alignnone" width="1600"] The header and footer display perfectly, except the container.[/caption]
  
  2) When dropping down a mobile menu
  
  When I drop down a mobile menu and then pull it back up, the same issue occurs with the page’s container not being expanded properly.
  
  Can y’all give me any help with this problem?
  
  Thanks!
  
  JC
- 10 years ago Mirela
  Participant
  Hello,
  
  Please add this code into your custom css box:
  
  @media (max-width: 1024px){ #content { width: 922px !important;} } @media (max-width: 480px){ #content { width: 288px !important;} }
  
  Best regards!
- 10 years ago jameson
  Participant
  
  Expired
  
  Unfortunately, that didn’t work. In fact, it restricted the container even more so :( I think it might have something to do with the actual theme stylesheet.
  
  I’m not sure if it this problem stems from my own folly in the code, but I’d just like the container width to resize proportionally. The header and footer sections resize perfectly, but just zooming in and out on my browser causes the main body container section to minimize about 100px while the rest of the contents function normally.
  
  I appreciate the help so far, though. If you’d like to test the issue on my site, the URL is https://108.167.189.31/~rcc7273/
  
  Thanks!
- 10 years ago Mirela
  Participant
  
  Hello,
  
  Please clear cache and refresh. Maybe you have an old cached copy, because what i see is different. iPad mini Screenshot.
  
  Best regards!
- 8 years, 3 months ago DR
  Participant
  
  Expired
  
  Greetings I am having a similar issue
  
  1) I cannot get mobile responsiveness, on other devices
  
  2) the Slider Revolution – slider, cuts off halfway so you don’t get to see the top half of the slider.
  
  Please can you recommend how to fix both issues. (I haven’t changed any code).
- 8 years, 3 months ago Mirela
  Participant
  
  Hello,
  
  @DR Please fill in the necessary information on your extra information fields of your profile data. So we can give it a closer look.
  
  Read this article for more information.
  
  Best regards!
- 8 years, 3 months ago utopiaupshire
  Participant
  
  Expired
  
  My dropdown menu is not working on mobile….it just shows up blank.
  
  https://www.dropbox.com/s/smlj6ytkk1pwf78/ZetaDropdownIssue.png?dl=0
- 8 years, 3 months ago Mirela
  Participant
  Hello,
  
  @utopiaupshire,
  Please add this code into your custom css box:
  
  .menu-small ul.menu > li > a { color: #1f1e1e !important;} nav .menu li > ul.sub-menu li, .menu-small ul li a { color: #1f1e1e !important;}
  
  Change the color to your wish. Let us know.
  
  Best regards!