Remove Navigation Bar on Mobile

[LKr]

Hello!
How can I remove the Navigation bar in the Mobile view?
I dont have any menu in the web version, so the Nav bar that appears on mobile devices is not needed (as it is empty anyways). Your advice would be much appreciated.

[SQadmin]

Hi,
To remove it only from mobile add this css to Sweetdate -> Styling options -> Quick css or in sweetdate-child/style.css

COPY CODE

@media (max-width: 480px) { 
.contain-to-grid.sticky.fixed {display:none;}
}

Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution

[LKr]

Thanks. I tried and this one worked better for me (complete removal of top bar):

@media only screen and (max-width: 1300px) {
.top-bar {display:none;}
}

[FD]

Hi,

Is it possible to reduce the width of the mobile menu?

Thank you!

[Abe]

Hi, Reduce it with this CSS code added to Sweetdate – Styling options – Quick css and customize your width

COPY CODE

.contain-to-grid .top-bar {
    width: 280px;
}

Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution

---
@ SeventhQueen we do our best to have super happy customers. Thanks for being our customer.

[FD]

Thank you! 🙂

[neelesh7]

Hi,

How do I make the bar stay in it’s position instead of scrolling down?

[neelesh7]

Hi,

@media only screen and (max-width: 767px) {
.contain-to-grid.sticky.fixed{
position: absolute;}
}

I used that code and it worked but how do you get the blue bar not to resize to fit the screen when scrolling as this causes the screen to jump.

[neelesh7]

How do you get the blue bar not to resize to fit the screen when scrolling as this causes the screen to jump.

[Author]

Posts