Search Results for 'mobile menu'

    No search results were found in Documentation!

Results from the Forum
starship77777
Participant
#0

When I open my website it looks different upon clicking header section I’m attaching screenshot kindly help me. I want it to look exactly as desktop upon clicking the header menu.

screenshot
screenshot after clicking

The second issue I’m facing how to add a date on the website I’m using tech news pro and there seems no space for date
addition.
Thanks and Regards.

Jose
Participant
#0

Hello team,

On a website I use a design from the cloud library.

In the other website I use the tagdiv mobile plugin.

I would like, if possible, to add the same shadow under the header (menu), to the version that uses the tagdiv mobile plugin.

I know that tagdiv mobile plugin does not allow design changes, is it possible to add this shadow through custom css?

And another question I have is, is it possible to change the design of the menu button too if I use the tagdiv mobile plugin?

Thanks

Webs:

https://cutt.ly/YjlGVeC
https://cutt.ly/DjlGVRc

pyro2212
Participant
#0

Hi. We are using responsive version for mobile pages and mobile theme for amp pages. In responsive version mobile menu doesn’t show. When we click on icon its show this: http://d.radikal.ru/d19/2101/eb/8af6dd9b7726.jpg. Mobile search is working well in same time.

AlexLf_
Participant
#0

Hi!

I have a weird problem with my header on mobile theme, but only in the landpage or home page.

It changes its style (but I do not know why) to a default one I think. I am not using the mobile theme, and in the rest of the website it looks like it should do, with white color. It only happens on the home page, the template applies correctly everywhere.

Could you help me?

Calin
tagDiv Staff

Hi ghoangit,
Just disable the mobile theme plugin and the content and menu will be display.
Now you are using the mobile theme plugin and for pages and categories the content is removed, for pages it can be set in mobile editor at the bottom of each page, also the mobile menu need to be set in Newsmag> Mobile theme> header -> https://i.imgur.com/gGGttJo.png
https://tagdiv.com/mobile-theme-get-mobile-ready-with-newsmag-theme/
Thank you!

Anamaria
tagDiv Staff

Hello,

Please insert this code in Theme Panel -> Custom Code -> Advanced CSS -> Phones

body .td-header-wrap .td-header-menu-wrap {
background-color: transparent !important;
}
body .header-search-wrap .td-icon-search
{ color: #fff !important;
}
body #td-top-mobile-toggle i
{
color: #fff !important;
}

Will look like this => https://www.screencast.com/t/FmkugC6AuA .

Hope this helps you!

Thank you!

Vlad S
tagDiv Staff

Hello !

Please try this css code: .td-mobile-content li, mmenu-item-0{
border-bottom:2px black solid;
}

Thank you !

antonmh
Participant
#0

Hi

I want to change the menu breakpoint on my site. Some users are saying that when they look at it on a laptop, part of the menu is dropping below into a new line:

https://www.trenchless-works.com/

So I have set the menu font size to reduce from desktop version down to tablet and mobile. But how exactly do I change the breakpoint from the the desktop to the next size down?

My understanding is that I need to change the code here:

Code

..but what do I need to add into the box exactly?

Please let me know

Thanks in advance for your support.

Antonmh

great1212
tagDiv Member

Hi, I’ve applied the code and set the opacity to 0 and it looks fantastic. The problem I am facing that the mobile gradient color applied only applies to the sticky menu and not the default one.

I want to apply the gradient color to the default mobile header also.

I want this sticky color to the default one as.

Please look at the pic:

I want this:

https://ibb.co/554fKkD

On default header:

https://ibb.co/rpFHZz1

Also provide me the code to change the icons color to white.

Please look at the pic for further clarification:

https://ibb.co/zszTCLz

Hope your understand my point.

Thanks

Anamaria
tagDiv Staff

Hello,

I check your website, and seems you have a color which applies on the mobile menu => https://www.screencast.com/t/pGXAlaqzV9o , the opacity for that color is set to 0 it will look like this => https://www.screencast.com/t/lYR4ScqTTOzu
Please check the color for the mobile menu from Theme Panel -> Theme Colors => https://www.screencast.com/t/vybp715Ay2tC

If you want to keep the current mobile sticky layout you can use this custom CSS => https://www.screencast.com/t/jAQqPgZBTf

body .td-header-style-10 .td-header-gradient::before {
bottom: -4px;
}

Hope this helps you!

Thank you!

Anamaria
tagDiv Staff

Hello,

You need to change the background on the mobile menu from Theme Panel -> Theme Colors -> Mobile Menu/Mobile Search -> Background Gradient Color => https://www.screencast.com/t/OIMEy7FGI, and select the opacity to the level you want.
For me look like this => https://www.screencast.com/t/ZmKTxSzo.

Hope this helps you!

Thank you!

saad4612
tagDiv Member

Thanks Vlad!

You’ve helped me resolve issue 1 and 2, however can you please also help with issue 3?

When I edit with TagDiv (>Website Manager>Mobile Menu) I see the website look as below and this is what I want:

<b>Mobile</b> <b>Menu</b>

However on my iPhone it looks like the below and I do not want this:

null

  • This reply was modified 5 years by saad4612.
Bettina
tagDiv Staff

Hello!

That overlay comes from the mobile menu and the problem is that the website doesn’t load fast enough and it shows that background at first. You should check with your hosting provider to increase your speed.

Thank you!

Anamaria
tagDiv Staff

Hello,

I checked your social icons and seems to work well => https://www.screencast.com/t/5O3NLAX8 -> https://www.screencast.com/t/ehAUWxklzY -> https://www.screencast.com/t/jNPJGETqD.
To edit which social icons to display, you need to put the URL for your social profile, as you did for the other social networks => https://www.screencast.com/t/7POfOeMmb.
What do you want to edit in the header menu?
For the colors like I said you need to go in Theme Panel -> Theme Colors -> Mobile Menu/Mobile Search => https://www.screencast.com/t/kEkAkE5bO.

Thank you!

Anamaria
tagDiv Staff

Hello,

I edited the code, this is what it displays => https://i.imgur.com/L5QA4JN.png.
For changing the color on the menu, you need to go to Theme Panel -> Theme Colors -> Mobile Menu => https://www.screencast.com/t/hjiyKq7TLfm.
This is the new code to insert :

#td-mobile-nav{
width: 22%;
}
.td-menu-background, .td-search-background {
background-image: none;
}
#td-mobile-nav {
background-color: #fff;
}
.td-menu-mob-open-menu #td-outer-wrap {
box-shadow: 0 0 46px #000000;
position: unset;
transform: unset;
}

To change the fonts, please go in Theme Panel -> Theme Fonts -> Mobile Menu => https://www.screencast.com/t/CuCBFKWP. Now this need to work.

I try to help you, but please notice that the support team can provide only support for existent options and no implementation of the code(for new options).

Hope this helps you!

Thank you!

Anamaria
tagDiv Staff

Hi,

You can set the main menu to be a sticky menu from Theme Panel-> Header -> Main Menu => https://www.screencast.com/t/ShRFfKhm81,
or if you have a Pro Prebuilt Website you can set with tagDiv Composer in Manager, you can enable the sticky menu on desktop or only on mobile = > https://www.screencast.com/t/YTp5YZqel.

Hope this helps you!

Thank you!

tald2629
tagDiv Member

I have added the links to my social media pages and it isn’t working,
I want to edit which social icons will be shown also,
You can check with mobile and see the header menu, I want to edit this section.

https://mindflowfield.com/

Thank you.

great1212
Participant
#0

I want to have lines in my mobile menu in blogs sub categories.

Please refer to the picture for further reference.

https://ibb.co/71Kw7Mt

Anamaria
tagDiv Staff

Hello,

You can change the color from Theme Panel -> Theme Colors -> Mobile Menu/Mobile Search => https://www.screencast.com/t/kEkAkE5bO.
For add the social media, you can do that also in Theme Panel -> Social Networks => https://www.screencast.com/t/7POfOeMmb.

Hope this helps you!

Thank you!

questit
tagDiv Member

Hey again,

I wish you a happy new year!

I still do not think that you understand me when it comes to the mobile menu that slides when pressing the hamburger button.

I want the 22% of the menu to be white colour and the rest a grey one, not the other way arround.

Also, it seems that the mobile menus do not change from the default widgets in the other menu of theme’s fonts.

I have set them to 16 px but nothing is happening.

Please check here: https://bit.ly/3pNY0uY

devinda
tagDiv Member

Hi

configured the cache plugin.

all fine but there s another problem.

1 .when I’m logged in to the site, it shows the correct version on pc ( the pc version pc): http://prntscr.com/wfrkma

2.but when I’m not logged in to the site it shows the wrong version on pc ( the mobile version on pc ): http://prntscr.com/wfrl0l

3 cant we have a standard mobile menu if we are not using the mobile theme. ??

  • This reply was modified 5 years by devinda.
noorshahid_othman
Participant
#0

When I view my website on mobile device, the menu button on header is not working (unclickable) but I can click search button. The prolem only on homepage that show first, not in a post page.

my website using newspaper theme : https://seputartki.info/

Jose
Participant
#0

Hello team,

When I used the normal theme (with standarpack plugin + mobile plugin), I had to exclude these two paths from CDN loading in order for the website to work properly:

/wp-content/themes/Newspaper/style.css
/wp-content/themes/Newspaper/mobile/style.css

Now I use the cloud templates, and when using CDN some items do not load correctly:

The problem is more visible in mobile, because the menu or search icon are missing.

Could you tell me which route I should exclude from the cdn now so that everything works properly?
This is the test site where I am having the problems (I always use a test site before using it on my main site): https://cutt.ly/GjpgDNJ

Have a happy new year 🙂

tald2629
Participant
#0

Hello, how can I edit the mobile header menu?
I want to change colors and add social media urls
Thank you.

https://mindflowfield.com/

cruising-sea
Participant
#0

Hi

Each time I open the menu on mobile, it says “Click Here to use WP menu builder

Can you help please?

Viewing 25 results - 2,601 through 2,625 (of 8,091 total)