0

i would like the slideshow to have the width as the navigation menu and respond to different devices as the navigation width would.

Heres a link to the website in question http://test.amplifyevents.uk

Aihsan Majeed
  • 135
  • 1
  • 11

1 Answers1

1

Just change the width of rev_slider_1_1_wrapper to 100%? Your slider will be lining up with Home, not with the complete left of the nav-bar, but that can probably be fixed with a margin.

#rev_slider_1_1_wrapper { width: 100% }
Rvervuurt
  • 8,589
  • 8
  • 39
  • 62
  • Doesn't seem to work how i would like it. it make the slider width fullscreen instead. could i link with width with navigation somehow. thanks anyway. – Aihsan Majeed Oct 15 '14 at 11:02
  • Well, it looks full screen on smaller browsers, because you work with a framework that makes the page's content change dependent on the width of the browser. So if you want the `rev_slider_1_1_wrapper` to be the same width, you should look at the different widths your menu gets, depending on the browser width (`@media`). – Rvervuurt Oct 15 '14 at 11:15
  • Found the width of the navigation in browser size. updated the revolution slider widths but instead of the slider going to the minimum width it uses the width on the previous @media – Aihsan Majeed Oct 15 '14 at 16:12
  • Maybe you should make some new @media-queries purely for the slider. That's a bit difficult for me to try, as I don't have access to your CSS and all. Good luck! – Rvervuurt Oct 16 '14 at 09:45
  • 1
    Worked a treat, coded the @media-queries and add couple of lines to function.php and worked fine. – Aihsan Majeed Oct 18 '14 at 17:23