Making the top nav bar responsive

nocdevelop
13 Posts
nocdevelop posted this 12 July 2018

Currently, when my website is accessed from mobile, the nav bar shoves the logo on top and the directory (3 horizontal lines) on bottom. Is there a simple way where I can have the navbar shrink to fit the phone screen?
Also, Is there a way I can make the "Slide nav" bar come from the right hand side, opposed to the left?

Currently, when my website is accessed from mobile, the nav bar shoves the logo on top and the directory (3 horizontal lines) on bottom. Is there a simple way where I can have the navbar shrink to fit the phone screen? Also, Is there a way I can make the "Slide nav" bar come from the right hand side, opposed to the left?

Last edited 12 July 2018 by nocdevelop

wordpress responsive-menu navbar menu-float
Vote to pay developers attention to this features or issue.
4 Comments
Order By: Standard | Newest
Support Team
Support Team posted this 13 July 2018

Hi,

where I can have the navbar shrink to fit the phone screen?

Please provide a link to your site so we could see the issue.

Also, Is there a way I can make the "Slide nav" bar come from the right hand side, opposed to the left?

That is not currently possible.

Sincerely,
Hella

Hi, >where I can have the navbar shrink to fit the phone screen? Please provide a link to your site so we could see the issue. >Also, Is there a way I can make the "Slide nav" bar come from the right hand side, opposed to the left? That is not currently possible. Sincerely, Hella
nocdevelop
13 Posts
nocdevelop posted this 13 July 2018

Please provide a link to your site so we could see the issue.

Unfortunately its on a local version of the website, so I cannot share a link.

Here is a photo of what I mean by the navbar:

The bar is thickened

I would like to keep the navbar the same across all platforms

Example of how I want it to look

this is computer,I want this across all devices

> Please provide a link to your site so we could see the issue. Unfortunately its on a local version of the website, so I cannot share a link. Here is a photo of what I mean by the navbar:![The bar is thickened][1] I would like to keep the navbar the same across all platforms Example of how I want it to look ![this is computer,I want this across all devices][2] [1]: https://image.ibb.co/gRpsZ8/Capture.png [2]: https://image.ibb.co/eCtEgo/Capture.png

Last edited 13 July 2018 by nocdevelop

Support Team
Support Team posted this 13 July 2018

Hello,

Right-click on the resposnive menu, go to Positioning -> Float and select right floating:

menu-float.png

Do this for every responsive mode you need.

Sincerely,
Gina
Themler Support

Hello, Right-click on the resposnive menu, go to Positioning -> Float and select right floating: !menu-float.png! Do this for every responsive mode you need. Sincerely, Gina Themler Support
menu-float.png
nocdevelop
13 Posts
nocdevelop posted this 13 July 2018

Hello,

Right-click on the resposnive menu, go to Positioning -> Float and select right floating:


Do this for every responsive mode you need.

Sincerely,
Gina
Themler Support

Whenever I do this, my navbar still does the error, as well as cover up the entire page on mobile.

> Hello, > > Right-click on the resposnive menu, go to Positioning -> Float and select right floating: > ![](http://forumattachments.themler.io/253/34253/menu-float.png) > Do this for every responsive mode you need. > > Sincerely, > Gina > Themler Support Whenever I do this, my navbar still does the error, as well as cover up the entire page on mobile.
You must log in or register to leave comments