Fullwidth option does not work

vradova's picture
vradova
Sun, 02/15/2015 - 08:13
#1
Fullwidth option does not work

I choose fullwidth option in slider settings but my background image and slider does not cover fullwidth in theme.
I use Omega theme on my site.

This is the link to the site -> http://www.wwwoods.com/DEVD7/

Thanks!

cindy's picture
cindy
Tue, 02/24/2015 - 02:32

Hi,

You need to insert jquery migarate into link https://github.com/jquery/jquery-migrate/
We see you are using jquery 1.10 and file http://www.wwwoods.com/DEVD7/sites/all/themes/omega/omega/js/jquery.form...
This file uses $.browser as a function which was removed from jquery 1.9
You need to fix this first

vradova's picture
vradova
Tue, 02/24/2015 - 04:35

Hello!

I am not quite sure what i supposed to do :) I do update of jquery.formalize.js. Now version is 1.2, was 1.1. I also integrate, in theme, jquery-migrate-1.2.1.js but i also notice that this file, but min version, load with MD slider...

Please advice from now on and also reword your post if you think that i did not understand what i suppose to do.

Thanks, Vlade!

cindy's picture
cindy
Wed, 02/25/2015 - 02:53

Hi,

We see you fixed already. And you assign Block Slider in the region Zone-branding-wrapper 
And in html, there are 2 class container-12 and grid-12 which limit the slider size
So, with region zone-branding-wrapper, you need to remove those 2 class 

vradova's picture
vradova
Wed, 02/25/2015 - 06:13

Hello!

But i checked in my theme option to use that zone in fullwidth... "Provide full width wrapper around this zone - Enabling this feature will give a <div> wrapper around the zone itself, allowing you to theme in elements that appear outside the 960 pixel container zone." I use this option also on my another with same theme. The difference is that I use LayerSlider module for Drupal and that works correctly... You can see that here --> http://www.jovanavilimonovic.com/

I think that this is on your side... I mean the module have some issue. If i know that earlier i would not buy it, I will continue to use LayerSlider...

Can I get refund because this module did not do what it suppose to do?

Thanks, Vlade.

vradova's picture
vradova
Wed, 02/25/2015 - 07:15

Hello!

I succedd to fix the issue with css class override. Now it works as it should.

Please ignore refund demand.

Thanks, Vlade.

droddis's picture
droddis
Thu, 05/21/2015 - 15:58

Hi Vlade,

Can you provide the CSS solution you discovered? I'm having the same challenge with an Omega sub theme and the Mega Slider.

vradova's picture
vradova
Fri, 05/22/2015 - 05:43

Hello!

I add 2 lines in global.css file of my Omega Theme.

----------------------------------------------------------------------------------------------------------------------------------
#zone-branding.zone.zone-branding.clearfix.container-12 {width: 100%; margin-left: -10px;}
#region-branding.grid-12.region.region-branding {width: 100%;}
----------------------------------------------------------------------------------------------------------------------------------

You just need to change name for zone in which you put Mega Slider block (in my case that is branding) and also need to see which grid use that zone (in my case that is 12 unit grid)

Regards, Vlade.

vradova's picture
vradova
Fri, 05/22/2015 - 05:45

I mean my sub Omega Theme...

Vlade.

droddis's picture
droddis
Fri, 05/22/2015 - 10:11

Thanks Vlade, I can see ho this would make sense but for some reason the alpha css sheets are overriding my Global.css sheets. I'll keep playing with it.

thank you so much for the direction though!

Log in or register to post comments
Have More Idea?

We are here to build your website!

No Universal solution fits all special business requirements. Our experienced team is ready with ideas and state-of-the-art technical solutions to consult the best solution within your budget.