jjackson1375 Posted June 28, 2016 Share Posted June 28, 2016 (edited) I am unable to achieve full width for Minic slider v 4.1.11. I followed Vekia's Tutorial but the slider is still not full width. The closest I was able to get was when I unhooked Minic Slider from the DisplayHeader position but the slider did not function and images were shown stack on top of each other. Does anyone else have a solution? The Top Horizontal Menu is also not displayed correctly and I'm not sure how to fix that either My website is http://www.jewelrybyjamie.com Thanks, Jamie Edited June 29, 2016 by jjackson1375 (see edit history) Link to comment Share on other sites More sharing options...
rocky Posted June 28, 2016 Share Posted June 28, 2016 You should not unhook modules from the displayHeader hook, since that adds the JavaScript and CSS they require to the <head> section of your website. You should go back to the Modules > Positions tab and transplant the Minic Slider (and any other modules you've removed from there) to the displayHeader hook. Link to comment Share on other sites More sharing options...
jjackson1375 Posted June 28, 2016 Author Share Posted June 28, 2016 (edited) Rocky, I fixed it. I rehooked to the HeaderDisplay position, which restored the functionality of the slider but it was not at full screen so I went into nivo-slider.css in module folder and changed code in blue: #minic_slider { position:relative; z-index:1; width:100%; } @media only screen and (min-width: 1170px) { #minic_slider { width:100%; float:left; The change to code fixed the problem. Edited June 29, 2016 by jjackson1375 (see edit history) Link to comment Share on other sites More sharing options...
rocky Posted June 28, 2016 Share Posted June 28, 2016 I think it's going to be tricky to make the slider full-width. The main problem is that it is inside a <header> that is not full width. I think you'll have to make the header full-width too or move the slider outside of the header into a separate wrapper that is full-width. The CSS file you're looking for is /themes/theme818/css/modules/minicslider/views/js/plugins/nivo-slider/nivo-slider.css. Link to comment Share on other sites More sharing options...
Recommended Posts
Create an account or sign in to comment
You need to be a member in order to leave a comment
Create an account
Sign up for a new account in our community. It's easy!
Register a new accountSign in
Already have an account? Sign in here.
Sign In Now