Viewing 19 posts - 1 through 19 (of 19 total)
  • Author
    Posts
  • June 13, 2017 at 6:44 pm #807610
    dvalansi

    Hi, I am having trouble making this full width. I was told by the plugin dev that its an issue with the enfold theme, and I was hoping you guys can shine some light on it. When I make it full width, all products in the store become full width, I would just like this to be full width.

    Thank you

    June 14, 2017 at 7:22 am #807811
    Jordan Shannon

    Hey dvalansi,

    The layour of the page at the moment seems a little confusing for me. So you want the entire section full width? Right now it is all aligned to the left.

    Best regards,
    Jordan Shannon

    June 14, 2017 at 8:08 am #807832
    dvalansi

    Yes, correct, I would like the section full width, when I adjust to 100%, it adjusts every product. I just want this page.

    June 14, 2017 at 8:13 am #807839
    Jordan Shannon

    Hi,

    Add the following to quick css:

    #product-157 .single-product-main-image{
width:100%!important;
}

    Let me know if this works.

    Best regards,
    Jordan Shannon

    June 14, 2017 at 5:31 pm #808102
    dvalansi

    That works, thank you very much!

    June 14, 2017 at 5:35 pm #808104
    dvalansi

    However, now it doesnt work on mobile.

    June 14, 2017 at 9:49 pm #808248
    Jordan Shannon

    Hi,

    What should the layout be on mobile? Should jars stack on top of each other?

    Best regards,
    Jordan Shannon

    June 14, 2017 at 10:06 pm #808260
    dvalansi

    Yes, I that is how it should be.

    Thank you!

    June 14, 2017 at 10:31 pm #808270
    Jordan Shannon

    Hi,

    Try adding the following to quick css:

    @media only screen and (max-width: 767px)  {
.mobile-list-layout-images{
width:100%!important;
}
}

    Let me know if this resolves it.

    Best regards,
    Jordan Shannon

    June 14, 2017 at 10:57 pm #808286
    dvalansi

    That makes it better, but still not good enough, is there a way we can push the images down to match the selectors? Much appreciated for your help.

    June 14, 2017 at 11:07 pm #808289
    Jordan Shannon

    Hi,

    Add the following:

    	@media only screen and (max-width: 767px)  {
.mobile-list-layout-add-on-product-quantity{
margin-top:-120px!important;
margin-bottom: 50px!important;
}
}

    This may be as close as it can get via css without template modification.

    Best regards,
    Jordan Shannon

    June 14, 2017 at 11:34 pm #808297
    dvalansi

    yes, looks good. the only last thing its outputting some weird lines. any way to remove that?

    June 14, 2017 at 11:46 pm #808306
    Jordan Shannon

    Hi,

    Add the following to quick css:

    @media only screen and (max-width: 767px)  {
.mobile_list_layout.bundled_product_summary{
display:none!important;
}
}

    This should remove the lines.

    Best regards,
    Jordan Shannon

    June 14, 2017 at 11:49 pm #808307
    dvalansi

    Hi, that removes everything. removes the whole list.

    June 15, 2017 at 12:00 am #808311
    Jordan Shannon

    Hi,

    Apologies, adjust to the following:

    @media only screen and (max-width: 767px)  {
.mobile_list_layout.bundled_product_summary{
border:none!important;
}
}

    Best regards,
    Jordan Shannon

    June 15, 2017 at 12:01 am #808314
    dvalansi

    yes, it works, thank you!

    June 15, 2017 at 12:02 am #808315
    Jordan Shannon

    Hi,

    No problem at all. Are you needing help with anything else or shall I close this thread? If you need help in the future you can open a new one.

    Best regards,
    Jordan Shannon

    June 15, 2017 at 12:03 am #808316
    dvalansi

    Please close. Thanks

    June 15, 2017 at 12:05 am #808320
    Jordan Shannon

    Hi,

    Great! If you need anything else, let us know here in the forums.

    Best regards,
    Jordan Shannon

  • Author
    Posts
Viewing 19 posts - 1 through 19 (of 19 total)
  • The topic ‘Making product full width’ is closed to new replies.