How to display menu in header in mobile

Posted in: Newsmag
Post count: 49
beautywarrior
#47522
May 4, 2015 at 8:19 pm

Please let me know how can one display menu categories on header in mobile.

Thanks..

Post count: 7909
Alin [tagDiv]
#47623
May 5, 2015 at 2:10 pm

Hi,

Please provide more details about this as I’m not sure what you want to display. If you refer to the megamenu on phones, it wasn’t been designed to work on small screens. This is your menu on phone screens: http://screencast.com/t/CO9GBHoSmAh

Thanks!

Post count: 49
beautywarrior
#47686
May 5, 2015 at 6:01 pm

Thanks,

while categories on menu shown by the link http://screencast.com/t/CO9GBHoSmAh is ok
we want some of these categories to be displayed above logo.

Please let me know.

Thanks

Post count: 7909
Alin [tagDiv]
#47784
May 6, 2015 at 2:15 pm

Hi,

Do you want to display top menu on mobiles as it was not designed for mobile screen and it hidden there. You ca try this custom css in Theme Panel > Custom Css to display top menu on mobile: http://screencast.com/t/vxH9YTZTX8V2

.td-header-top-menu {
display: block;
}

If this is not what you mean please provide more details.

Thanks!

Post count: 49
beautywarrior
#47864
May 6, 2015 at 7:54 pm

Thanks,
We wanted exactly shown in the screenshot you provided.
But It did not work.
Please let me know how can i make it work

Thanks you

Post count: 6600
Lucian
#47942
May 7, 2015 at 11:52 am

Hi,

Make sure you follow Alin’s instructions from previous message and configure the top menu as you want it then use the custom css in theme panel > custom css section to display the top menu on mobile screens also: http://screencast.com/t/YFfRs3Z2m

Make sure you do this and provide your site’s ulr so we can inspect it.

Thanks

Post count: 49
beautywarrior
#48083
May 7, 2015 at 8:26 pm

Hi,

I have added to custom css field.
Still mobile header menu is not visible.
Please check the link http://www.thebeautymadness.com

Also I enabled sticky side bar but it is not working

Rest all features are working perfectly,Thanks a lot for the theme.

One point of improvement i see the load time is average ~5 seconds which is quite high.
Please suggest,

Thanks A lot

Post count: 7909
Alin [tagDiv]
#48213
May 8, 2015 at 1:44 pm

Hi,

Did you enabled top menu from Theme Panel? – http://screencast.com/t/IE1skPN9PlQO as I have checked your site and the top menu is not visible also on desktop, that css help you to show it on mobile devices(where is hidden) – http://screencast.com/t/ce6z8jXRAZSv
Please check if you have this issue with smartsidebar also without any plugins active, leave only Visual Composer active and clear cache. Also test it without js/css minification.
About loading time please test your pagespeed https://developers.google.com/speed/pagespeed/insights/ and try to fix those errors. You can find out more about this in our documentation – https://forum.tagdiv.com/page-speed-guide/ and also Christopher topic help – https://forum.tagdiv.com/topic/tutorial-chriss-custom-optimizations-for-functions-php-etc/

Thanks!

Post count: 49
beautywarrior
#48306
May 9, 2015 at 10:45 am

Thanks for info,

I have other two issues.
1.Search on desktop is is not working.
search button click lead to http://www.thebeautymadness.com/#

2.MegaMenu is opening under category on main-menu on hover but next button is not working.
It just append # to url on next click

http://www.thebeautymadness.com/top-10-face-wash-for-dry-skin-in-india/#

Please suggest.

Thanks

Post count: 49
beautywarrior
#48312
May 9, 2015 at 12:04 pm

plz ignore this query problem was on our side

Post count: 49
beautywarrior
#48330
May 9, 2015 at 6:03 pm

I want to only show facebook like button in the post top area but no twitter button.

In the post setting, there is option top article like/tweet where either both(facebook/twitter) can be enabled or both can be disabled.

Please let me how to disable only twitter.

Please also let me know how to change color for “To top” button arrow shown when one scroll down.
This button is used to take the user to the top.

Post count: 7909
Alin [tagDiv]
#48431
May 11, 2015 at 11:10 am

Hi,

You can use custom css to hide it: http://screencast.com/t/aVwI2JWSrxb8

.td-post-sharing-top .td-classic-twitter {
display: none;
}

Also the “To top” background color is the same with the theme accent color, but you can change it with css code: http://screencast.com/t/t7pgZhh0

.td-scroll-up-visible {
background-color: red;
}

Thanks!

Post count: 49
beautywarrior
#48524
May 11, 2015 at 6:21 pm

Thanks A lot.

Even though i have disabled sharing button on post top .A keyword name “SHARE” appears alongside facebook like and twitter button.

Please let me know how can i remove this SHARE keyword and replace with some other keyword.

Thank you

Post count: 7909
Alin [tagDiv]
#48618
May 12, 2015 at 1:36 pm

Hi,

Please use Theme Panel > Translations if you want to translate “Share”: http://screencast.com/t/9H3buypl0xTb

Thanks!

Post count: 49
beautywarrior
#48668
May 12, 2015 at 7:16 pm

Please let me know how to change hover color for mega menu posts.

Thanks

Post count: 49
beautywarrior
#48671
May 12, 2015 at 7:35 pm

If one clicks on category -lists of posts are displayed.
Alongside the post there is a small square type box which displays no of comments.

How can we change the color for the box(default displayed is grey) and its digit(default white).

Also please me know how can we make the loading square box invisible which is displayed temporarily when on mega menu next is clicked to load next posts?

Thanks you

Post count: 7909
Alin [tagDiv]
#48738
May 13, 2015 at 11:57 am

Hi,

1. You can change the hover color for articles titles using this custom css: http://screencast.com/t/KbSwlQstgu5y

.td_mod_mega_menu:hover .entry-title a {
color: red;
}

2. Please use this custom css – http://screencast.com/t/kjsDullKln

.td-module-comments {
background-color: blue;
}
.td-module-comments a {
color: red;
}

3. If you want to hide the loader for megamenu use this css code:

.td-mega-menu .td-loader-gif {
display: none;
}

Thanks!

Post count: 49
beautywarrior
#48802
May 13, 2015 at 7:13 pm

When category is clicked list of post is displayed under category with category name on top.
Please let me know how to change Category name background color(default is black) as well as color of the text displaying category name?

On bottom of the list of posts under category , there is numbering done like 1 2 3 4 ….5
Please let me know how to change the background color of default page navigation no 1 (default is grey) and also hover color (default is black).

How to change the background color for title of the block 1 on sidebar?

Thank you

Post count: 7909
Alin [tagDiv]
#48873
May 14, 2015 at 11:59 am

Hi,

Please try this custom css for category background and color – http://screencast.com/t/Z3AIj6xP

.category .entry-title span {
background-color: #1AD788;
color: #BD7373;
}

And also for category pagination: http://screencast.com/t/w6uoZCRe

.category .page-nav .current {
background-color: #DBD948 !important;
border-color: red !important
}
.category .page-nav a:hover {
color: #3160B5;
background-color: #B62626;
border-color: #B2AB30;
}

Tagdiv blocks have an option to change title background and color event they are added from widgets section – http://screencast.com/t/EpuOBy1qVcL

Thanks!

Post count: 49
beautywarrior
#49092
May 14, 2015 at 8:37 pm

Thanks a lot.

Please let me know how to change search title background color(default is black), text color(default white) and hover color(default grey).

Also how to change post comment text color,background color and hover color

Thank you

Post count: 7909
Alin [tagDiv]
#49151
May 15, 2015 at 11:47 am

Hi,

Please use Chrome inspector tool to inspect a specific element and customize it via css code: http://screencast.com/t/seoUk5UpVG

.td-search-form-widget input[type=submit] {
background-color: red;
color: blue;
}

And also for comment button: http://screencast.com/t/2OpzUsforfJi

.comment-form [type=submit] {
background-color: red;
color: blue;
}

Thanks!

Post count: 49
beautywarrior
#49531
May 19, 2015 at 7:09 pm

Thanks

Please let me know how to change post comment and search box hover color.

Thank you

Post count: 7909
Alin [tagDiv]
#49574
May 20, 2015 at 8:30 am

Hi,

Just add :hover to the class and change the color:

.td-search-form-widget input[type=submit]:hover {
background-color: red;
color: blue;
}

.comment-form [type=submit]:hover {
background-color: red;
color: blue;
}

Thanks!

Post count: 49
beautywarrior
#49694
May 20, 2015 at 8:05 pm

Thanks,

I tried .td-drop-down-search [type=submit]:hover { background-color: black; color: white; }

for changing hover for drop down search button on main menu.But it does nt worked.

Please let me know the correct format for same

Thank you

Post count: 7909
Alin [tagDiv]
#49827
May 21, 2015 at 1:42 pm

Hi,

Try to use !important for background color:

.td-drop-down-search input[type=submit]:hover {
background-color: red !important;
color: white;
}

Thanks!

Viewing 25 posts - 1 through 25 (of 25 total)
The forum ‘Newsmag’ is closed to new topics and replies.