Full width menu and gap

[sp200]

Hello. Presta 1.6, Bootstrap default theme.  I would like the top menu to be full width. And also i need to remove the gap beetwen menu and slider. How can i do that?

[MenusSitExpert]

To make your top menu full-width and remove the gap between the menu and the slider in your PrestaShop's default theme, you can modify the CSS. Here's how you can do it:

Make the Menu Full-Width: You'll need to ensure that the container holding your menu is set to stretch across the full width of the viewport. You can do this by setting the CSS property width: 100%; on the menu container. Also, make sure that any parent containers also have width: 100% if they are not already set to full width.

 

#header .container {
    width: 100%;
    max-width: 100%;
}

Remove the Gap Between Menu and Slider: The gap usually results from margins or paddings applied to either the bottom of the menu or the top of the slider. You'll need to inspect these elements using a tool like Chrome's DevTools and adjust the margin or padding accordingly.

#header {
    margin-bottom: 0; /* Adjust or remove margin */
}
.homeslider-container {
    margin-top: 0; /* Adjust or remove margin */
}

Make sure to backup your CSS file before making any changes. After applying these changes, clear any caches and refresh your browser to see the effect. If you're not comfortable making these changes, consider reaching out to a developer or the community support for more tailored assistance.

If you need further detailed guidance, you might want to consult the PrestaShop Documentation or seek help from a professional developer familiar with PrestaShop themes.