Remove the sidebar on the mobile version

Posted in: Newsmag
Post count: 10

Hello, I would like to help me with a couple of things.

1. I have decided to remove the main menu of my website: https://www.hitviral.net/ And I did it with these codes:

.td-header-main-menu {display: none; }

.td-header-menu-wrap {display: none; }

However, this has made disappear the menu on the mobile site. So I want to ask for your help to get you on the mobile version of my website, the menu appears, and the desktop version, does not appear.

2. I would like to help me remove the sidebar on the mobile version of my website.

Can you help with this?

Post count: 23312

Hello Diego Acero,

1)Please notice that you should use the @media queries if you want to target the code only for the mobile view. Please try the code below and place it in Theme panel->Custom CSS area.

@media(max-width:767px){
.td-header-main-menu, .td-header-menu-wrap {
display: block!important;
}
}

The results you should see here -> http://screencast.com/t/eaUSbsPG7tZO

2)You should try the code below and place it in the custom code area.

The code is ->

@media(max-width:767px){
.td-pb-span4 {
display:none!important;
}
}

If all of this information are not useful for you or if is not what you mean, please provide more details about what you want to achieve so I will be able to provide a more accurate response.

Thanks for the message!

Viewing 2 posts - 1 through 2 (of 2 total)
You must be logged in to reply to this topic.