Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • February 18, 2021 at 11:35 am #1281959
    Nik

    Hello,

    Since I stretched the top slider, the sidebar on the shop page padding no longer works. The left sidebar is sitting right at the edge of the page. Below is the code that I use for stretching the slider.

    Please see private content for website home page.

    /* Stretch Slideshow to Full Width on Shop Page*/
#top.archive #main > .template-shop > div {
	width: 100% !important;
	max-width: 2500px !important;
	padding: 0 !important;
}

#top.archive #main > .template-shop > div > main {
	max-width: 1310px !important;
	padding-top: 0 !important;
	padding-left: 3%;
        padding-right:3%;
    
}

    Would you suggest CSS coding I could use to adjust the padding on the left sidebar on the shop page?

    Thank you,

    Nik

    February 20, 2021 at 3:45 am #1282356
    Rikard

    Hey Nik,

    Please try this CSS as well:

    .woocommerce-page .sidebar_left .inner_sidebar {
    margin-left: 50px;
}

    Best regards,
    Rikard

    February 20, 2021 at 11:57 pm #1282555
    Nik

    Hi Rikard,

    Thank you so much for the CSS coding. It worked on desktop view, but not on tablet or mobile screen. Any CSS coding suggestions for tablet and mobile screen is greatly appreciated.

    Nik

    February 23, 2021 at 6:11 am #1282968
    Rikard

    Hi,

    I can’t see that happening on my end, could you try loading the site in an incognito or private browser window please?

    Best regards,
    Rikard

    February 23, 2021 at 6:51 am #1282980
    Nik

    Hi Rikard,

    No change even in private browser even after I clear my cache. The link to the shop page is private content.

    Thanks for looking into this.

    Nik

    February 25, 2021 at 2:53 am #1283549
    Rikard

    Hi,

    Please try this CSS as well:

    @media only screen and (max-width: 1024px) {
.woocommerce-page .sidebar {
      padding: 20px;
}
}

    Best regards,
    Rikard

    February 25, 2021 at 8:58 am #1283600
    Nik

    Hi Rikard,

    Thank you so much for the CSS coding. It worked!

    You can close this thread.

    Cheers,
    Nik

    February 26, 2021 at 7:20 pm #1283947
    Victoria

    Hi Nik,

    Great :)

    We are closing the thread.

    If you need further assistance please let us know in a new one.

    Best regards,
    Victoria

  • Author
    Posts
Viewing 8 posts - 1 through 8 (of 8 total)
  • The topic ‘Enfold shop sidebar’ is closed to new replies.