hmm…
this is video, i hope you can see problem…
http://youtu.be/AvBRica8n6E
you need to work through the ‘responsive styles’ section of style.css to find and compensate the styles responsible for the shift in the layout;
a tool such as Firebug http://getfirebug.com/ might help you to identify which styles you need to edit.
i know this problem coming from style.css, but i need concrete way, code…
@alchymyth is right. you need specify your max-widths and min-widths. and try using accurate values of your css(in pixels) instead of percentages.
the said tool by alcymyth will help you a lot but i’m not sure if you’re using the parent theme since i want to suggest doing these changes on a child theme.
Nope… changing the Responsive Structure width didn’t work either. Here’s what I tried
WAS
/* =Responsive Structure
———————————————– */
@media (max-width: 800px) {
width: auto;
}
TRIED
/* =Responsive Structure
———————————————– */
@media (max-width: 1000px) {
width: 1000px;
}
…and new menu items STILL canNOT be saved to the navbar 🙁
Ooops, sorry… I responded to the wrong post by mistake.
/* =Responsive Structure
----------------------------------------------- */
@media (max-width: 800px) {
/* Simplify the basic layout */
#main #content {
margin: 0 7.6%;
width: auto;
}
i changed width: auto; but not working
[Stop bumping. If it’s that urgent, consider hiring someone.]
#page {
max-width: 1000px !important;
}
Try This …
Jayanti Solanki
no effeqt 🙁
