Mobile Menu

mallorykite

Hi guys,

1) How can I make my mobile menu text color different than the desktop menu color? Right now it's white with a white background so we can't see anything. Could you please help me out with that? 

2) on the mobile version the name of each page is written over the header. How can I have that removed?

3) Finally, is it possible to hide the blog sidebar on mobile?

Thanks!

Albert

Hi,

1,2) Please send us url to page where you want do this and we'll try to help you with extra css.

3) You can remove sidebar from blog pages on mobile with below css:

@media only screen and (max-width: 767px) {
    .blog .with_aside .four.columns { display: none !important; }
}

Learn more: Video Tutorials | How To | FAQ Vote on what comes next

mallorykite

Ah sorry, here the url: http://division-nautica.com

mallorykite

Ah and I've pasted the css you gave me and as you will see the sidebar still shows up on my mobile device, any idea why? Sorry

Albert

1) On mobile, we suggest to change background color. Would be looking much better. For that, please use below css:

#Top_bar #menu > ul { background-color: #000 !important; }

2) Can you explain which header you mean? We did checked http://division-nautica.com/mapa/ and we do not see anything like that.

3) Ok. Which page is Blog page then?

Learn more: Video Tutorials | How To | FAQ Vote on what comes next

mallorykite

1) Great, thanks!

2) Please take a look here: http://imgur.com/U8Y89bC That's the mobile version, I would like to remove the text on the guy, can you see it? It's the name of the page and I can't figure out how to remove it...

3) This is blog page: http://division-nautica.com/blog-2/ But I would also like to remove the sidebar on each blog post on mobile version...

Thanks

mallorykite

for number 2 this is the url in case you need it: http://division-nautica.com/productos/

Albert

2) Ok. So to remove this part of text on mobile, please use below css:

@media only screen and (max-width: 767px) {
    #Subheader .title { display: none !important; }
}

Learn more: Video Tutorials | How To | FAQ Vote on what comes next

mallorykite

Great thanks!

And for 3? to remove sidebar on blog and blog posts on mobile version??

thanks and sorry

Albert

Which one is blog page?

Learn more: Video Tutorials | How To | FAQ Vote on what comes next

mallorykite

3) This is blog page: http://division-nautica.com/blog-2/ But I would also like to remove the sidebar on each blog post on mobile version...

Thanks

Albert

Ok. so to remove sidebars from single posts and blog page on mobile devices, please use below css:

@media only screen and (max-width: 767px) {
    .blog .with_aside .sidebar.columns, .single-post .with_aside .sidebar.columns { display: none !important; }
}

Learn more: Video Tutorials | How To | FAQ Vote on what comes next

mallorykite

I've pasted the snippet but still see the sidebar in my blog page and single posts. Sorry, could you help me out?

Albert

Try below css then instead:

@media only screen and (max-width: 767px) {
    .blog.with_aside .sidebar.columns, .single-post.with_aside .sidebar.columns { display: none !important; }
}

Learn more: Video Tutorials | How To | FAQ Vote on what comes next

mallorykite

great thanks!

Albert

You're welcome

Learn more: Video Tutorials | How To | FAQ Vote on what comes next