ok @jeffw , i have updated to new theme and still have the same issue. My site is not responding as it should to mobile device. I want 2 no 1/2 columns and 4 no 1/4 column layout to show on my mobile device on welcome page . Can you Please can you have a look at my site ebonyrose.ie and tell me whats wrong? please navigate to WELCOME page to view my problems… All my content is stacking , including my footer content. Nothing is appearing in column layout as it should on mobile device. I have an older site headstarthairsalontrim.com which is responsive and looks perfect on mobile device with two columns showing perfectly. My desktop layout is fine.
this is my design css … maybe there is a problem here?
#HeaderContent { padding-bottom: 60px !important; }
.top_menu_bar, rgba .top_menu li:hover ul { background-color: #282828; }
/* same color as above in RGBA for transparency support */
.rgba .top_menu_bar, .rgba .top_menu li:hover ul { background-color: #282828; }
.content { background-color: #000000; }
a {font-size:150%; color: white !important; }
/* Primary font size and color
———————————————- */
/* Font color, size and styling */
body,select,input,textarea {
color: white !important;
font-size: 15px; !important;
line-height: 1.5 !important;
}
/* make the footer same width as header 960px */
.footer {
margin-left: auto;
margin-right: auto;
width: 960px;
}
/* make navigation bar on mobile phone customised colour */
#MainMenuSelectWrapper, #MainMenuSelectWrapper select { background-color: #282828 }
Thanks