Top menu in mobile version

Hi,

Thanks for developing this great theme. I have just bought the theme. I want the top menu in the mobile version too. I have used custom css mentioned here in old comments asked by the buyers. But the css isn’t working with me. Let me know how to do it.

Thank you.

Hi Catalin,

I think, you didn’t read my message, what I have written.

I have already used the CSS you have suggested to other buyers but that CSS is not working with me. It doesn’t do any changes in my output.

Let me know what to do?

Hello Catalin,

Thanks for quick response.

Here is the link: http://sittypitty.com

Catalin,

Also, I would like to share here that style.css is getting unresponsive when I open it in the WordPress editor. I have purchased the theme then it doesn’t happen with me. Is there any issue in the theme version at the moment?

Let me know how to resolve it.

Hello Catalin,

How to change the height of the top menu because it covers a lot of space on small screens.

I haven’t do any changes in the style.css but when I open it in WordPress editor, it gets unresponsive. It looks that the file is getting slow from any other load. If it gets down, the chances of site’s downtime could be maximum.

I just want to know, is there any issues with this file when it is opened in wp editor.

Thank you.

Thank you, Catalin.

You have resolved my first issue completely.

For my second one, the style.css is not minified. But okay. I try to resolve it myself. It looks, It is a big file and that’s why it is getting unresponsive.

Thank you for your kind support.

hello… is there a way to add padding to the left and right of the top menu. My links are currently right up against the edge of the page.

Thanks!

IC

• This reply was modified 10 years by InstallationComplete.

Catalin, Do you have an email address I can send the URL to?

Thanks!

@media (max-width: 767px){
.td-header-top-menu-full {
display:block!important;
}
.td-header-sp-top-menu{
display:block!important;
}
.td-header-sp-top-widget{
display:none!important;
}
}

Hi Catalin,

I have applied this code and my top menu appears on mobile. When the device is vertical – on the home page and posts, the menu is aligned left. On regular pages, it is aligned center which is preferable. On categories, it shows only the social.

Any way to apply CSS that would make the home page and posts have the centered menu? And also for categories to show the menu items instead of social?

site – comics2film.com
Inner page example – http://www.comics2film.com/comic-con-dates-schedule-locations-news/
Post example – http://www.comics2film.com/marvel/daredevil/daredevil-season-2-episode-7-semper-fidelis-review/
Thanks

Hi Catalin – thanks for the amazing support as usual!

I have applied this code and cleared all caches, and it is now displaying on category pages etc. as well.

However, it does not appear centered as you have it in the screenshot. Tried on multiple browsers. Any ideas?

Again, thank you for the outstanding responses.

Thanks for the reply. I implemented this CSS and the menu is now centered, however it does not appear in-line as it does in the screencast.

This is not a big deal however, I can try to figure that out later if it’s too much trouble.
Thx

Obrigado, eu estava procurando por isso. Mas essa informação deveria estar mais facil de se encontrar. Imagino quantas pessoas ja pediram para o Top Menu aparecer no Mobile.

Hi

@TheRiz The code provided by Catalin works fine but the alignment also depends by mobile devices width. There might be necessary a custom rule for a specific width in order to achieve the desired rezult.

@pedroarmindo1 please address us in English next time as we don’t speak Portuguese and it’s hard to understand your requests.
The top menu wasn’t designed to be displayed on mobile devices so usually it’s necessary a custom code depending by top menu layout.

Thanks!

• This reply was modified 10 years by Andrei L..

OK sorry. For me it is working. But I believe that this should become clearer on the subject of support, so people would find the fastest solution.

Another thing I want to center the menu. See how today is http://www.eusouandroid.com

It was not yet centralized. I do not know if I understood well. I put the custom CSS and stayed that way

http://prntscr.com/asmzhk

/* INICIO Mostrar TOP Menu Mobile */

@media (max-width: 767px){
.td-header-top-menu-full {
margin-left: auto;
margin-right: auto;
display:block!important;
}
.td-header-sp-top-menu{
margin-left: auto;
margin-right: auto;
display:block!important;

}
.td-header-sp-top-widget{
margin-left: auto;
margin-right: auto;
display:none!important;
}
}
/* FIM Mostrar Menu Mobile */