I'm trying to make mobile menu with full width
I tried but it looks like I miss understand something my css rules doesn't applied
this is a live code example :
https://stackblitz.com/edit/react-ucvbgt-sur6ne?file=demo.js
thanks...
You should change your Menu to Drawer (with anchor = 'top')
Visit this to learn more : https://mui.com/material-ui/react-drawer/
Related
id like to do something like tree graph with buttons. Idk how to explain my idea so ive created image. I build my website via Elementor. Is it even possible please?
My image
You can do this in one section using buttons and dividers, set width for the divider, and set it using margin and padding
i have implemented navbar using bootstrap.min.css. i am getting the bootstarp menus in two lines during tab resolution.
To resolve the above issue, i want the requirement like following image.
https://cdn.tutsplus.com/webdesign/uploads/legacy/tuts/375_responsive_menu/img/ipad.jpg
You have to set the min height and width of menu.. according to tab..
like bootstrap provides us some css (sm -3,6, 9) class according to resolution , you have to do change in them or just create your new class as resolution you want.
I am using a WP theme(bootstrap). When resize my window to mobile view, i see a button of toggle menu (3 horizontal lines). On clicking it, i see a drop down type list of pages.
I want to change that drop down to open like right to left.
Just like this : Here is the link
How to change the dropping style from [top To Bottom] to [Right To Left]?
I think you might need to look at Bootstrap's 'off-canvas' menu. Unfortunately it's not just a simple change from top to bottom to right and left but it's quite straight forward to achieve using this demo example.
https://getbootstrap.com/examples/offcanvas/
Hi I am using bootstrap drop down button but it's height is smaller than button
I don't wont to use since I'm Using already.
thanks in advance
Because you provide only image, so i can only provide bootstrap document
http://getbootstrap.com/components/#btn-groups
Please be sure you add class btn-group on wrapper div of dropdown button.
Try this: http://www.bootply.com/MincjjEhJw
So i having problem to customise in bottom tabs the middle, i want to make middle tab height bigger then other tabs, so i cant find the way to customise it. It would be nice if there would be somebody that can help with this.
Link for editing link. And wanted result image.
Tried separately change the hight but, there are a feeling that flex box doesn't allow to tab go out of content.
Inherit the CSS class that holds the icon in the middle and add your custom properties.