Hide the navigation on mobile

Hi,

How do I hide the navigation on mobile? It doesn’t serve much purpose.
https://prnt.sc/p4int0

Hello,

Please add this code to the Theme Settings > Custom CSS > Mobile:

.single .single-breadcrumbs-wrapper{
    display: none;
}

Best Regards

Hi Elise,

Thanks, this works perfectly.
Can you tell me how do I bring the picture a little higher up?

https://prnt.sc/p4puk4

Hello,

Please add this code to the Theme Settings > Custom CSS > Mobile:

.single .single-breadcrumbs-wrapper {
     margin-bottom: 0; 
}

Best Regards

Hi,

Unfortunately, the code below didn’t work.

.single .single-breadcrumbs-wrapper {
margin-bottom: 0;
}

Hello,

As I understand you wanted on mobile only. That is why I suggested you adding the code to Mobile devices in Custom CSS. I have added to Global and it works.

Best Regards

Hi,

I think you’ve misunderstood me. I do only want the breadcrumbs to be hidden on mobile. But I am asking how do I bring the image up a little bit as in the screenshot here: https://prnt.sc/p4puk4

You suggested the following code but it doesn’t work on mobile. I can see the changes on the desktop, but on mobile, there is no change.

.single .single-breadcrumbs-wrapper {
margin-bottom: 0;
}

Hello,

This code is workable:

.single .single-breadcrumbs-wrapper {
margin-bottom: 0;
}

Insert in the device where you want to move the image up.

Hi

I don’t mean to be difficult but I’ve kept your code there on the mobile sections, and it’s not working.

https://prnt.sc/p5gcsv
https://prnt.sc/p5gde0

I don’t really know how else to explain this.

Hello,

It has been fixed now. Please check.

Best Regards

Hi Elise,

This has been fixed, thank you.

You are welcome! If you have any questions please feel free to contact us.

Best Regards

[Author]

Posts