This topic has 8 replies, 5 voices, and was last updated 9 years by 
-
-
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.Hi,
To remove it only from mobile add this css to Sweetdate -> Styling options -> Quick css or in sweetdate-child/style.cssCOPY 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 solutionThanks. 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;}
}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.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.
The forum ‘Sweetdate – WordPress’ is closed to new topics and replies.
