full responsive module for image slide

12/3 quark ecommerce quick install
www.ahgoobaby.com

Please see home page above. I have been using duplicates of the new product module as a module for each slide when scrolling down on the home page, but I don't like that it is not taking advantage of the full page width in desktop mode (or tablet landscape mode). Is there a style setting or something somewhere to adjust just that responsive width in desktop / tablet landscape mode so that these slides appear full page width?

Hi

Which module You have in mind ? I can see most of them are 100% wide, but content inside them is set to static widths.

it is the module that came with quark ecommerce "new product" module. You can see that the content inside most of these that I have duplicated and are live on my home page are consistently set to the same default static widths (which are the original static width that came default with the template for the "new product" module). How do I change that static width for the content to reflect the FULL width of the page on desktop mode? Essentially work exactly the same for the content except expand to the full desktop template page width. Right now the content is expanding to 100% wide in mobile portrait, but appears (I'm estimating) to be only about 75% for desktop. I'd like the look to be the full width similar to the width in desktop of the header module. How do I amend the content width inside the "new product" module so that it is 100% wide when viewed in desktop mode?

Hi

Not sure if I understand, but please try use this code:

Code: Select all

#gkBottom2 .gkPage {
max-width: 100%;
}


I added the code but does not seem to have any effect.

See the attached jpg. Note that the tree and orange module (comes from intelligent shoe demo module from quark quick install ecommerce) extends in desktop view to full page width, but the new product module (comes from new product demo module from quark quick install ecommerce) only extends out about 75% of desktop view page width. Note that in mobile phone portrait page view both of these modules work as I want by extending to 100% of mobile portrait phone page width. But as you can see from the below image screen shot, it is not going the full page width for desktop. I like the way the new product module has an explode effect as scrolling down, but I want the final size to be full page width. Hopefully this is clear.

Thanks.

Hi

I still do not understand Do You wish this image:



to cover 100% site's width ?

If yes than just use a bigger image. For example my screen has 1920px in width, so such big image would cover my screen.

To spread text across use this css:

Code: Select all

.frontpage .gk-desc p {
    max-width: 100%;
}


If I still haven't guessed, just show me a screenshot of exactly the element You want 100%