{1 - 24} GreyGrey
{25 - 49} GreenGreen
{50 - 499} BlueBlue
{500 - 4999} OrangeOrange
{5000 - 24999} RedRed
{25000+} BlackBlack

Please confirm that you would like to report this for an admin to review.


[Restaurateur Support] Home Menu Slider and Navigation Menu Bar in Mobile Device

Hello, i’m looking to see any support staff member willing to help me with a question. Are you guys still supporting the WordPress, theme restaurateur? I’m having two issues regards to the menu bar on mobile and sizing for the slider.

https://scontent.fsnc1-1.fna.fbcdn.net/v/l/t34.0-12/15970326_10154372062456849_1205476220_n.jpg?oh=579726cac8e0e709e07303b54a898527&oe=58795891

Q1. How can I make the navigation bar spread across the mobile device just as the web browser?

Q2. I’m using adaptive-image plugin to have my homepage pictures aline with the browser. How can I do that?



Confirm that you would like to Remove Email Alerts for your question. You cant undo this and you will not be able to re-subscribe.


1 Answer

For Q1, try adding this CSS code, you can use Simple Custom CSS WordPress plugin and insert this code,
@media only screen and (max-width: 824px){
div.menu {
padding: 0;
width: 100%;
}
nav[role=navigation] div.menu > ul{
left: 0;
width: 100%;
}
}

For Q2, I am not really familiar with adaptive plugin, but I think by using the plugin, you need to set different image resolutions for different device sizes. Please note that if you want to make the images 100% full-width, you need adjust the container of the site but this will affect all the contents of the site.

Confirm that you would like to select this answer as the "Best Answer" to your question. This will bring this answer to to top and be highlighted as "Best Answer". You can always change this if a better answer is given.


You must be Logged In to Answer this Question

Already a Member, Log In
Not a member yet? Sign Up