Hi,
I had it done as I wanted, but lately my sliders on a homepage won’strech to full-width. I’ve sarced many solutions here on the community, but none of them is working.
Help, please. This issue is making me crazy!
My store: vollmart24.com
To provide you with a specific code solution, I would need more information about the slider component or plugin you are using and the structure of your HTML and CSS. However, I can offer you a general code snippet that you can adapt to your specific situation:
.slider-container {
width: 100%; /* Ensure the container occupies the full width of its parent */
overflow: hidden; /* Hide any content that exceeds the container's width */
}
.slider {
display: flex; /* Display slider items horizontally */
width: 100%; /* Make the slider occupy the full width of its container */
/* Additional styling for the slider component */
}
@stephanos1 add below css into styles.css file
@media (min-width:768px)
{
.section {
max-width: 1713px !important;
}
}
Thank You, it worked, but still slider is not a full-width, there are narrow white spaces left and right side of a banner. However, i have another banner on my homepage (the blue one with cat and dog, and it worked perfectly for it.
@stephanos1 add below css
.section {
width: 100% !important;
}
I added it as below:
}
@media (min-width:768px)
{
.section {
max-width: 1200px !important;
}
.section {
width: 100% !important;
}
in my css section but it is still not working.
@stephanos1 add like below
@media (min-width:768px)
{
.section
{
width : 100% !important;
}
}
