Mobile Version help

Hi. I was able to center the log0 as I requested previously and looked great on desktop but is not responsive in mobile units. Also the front page content is kinda messed up. The menu doesn't even expand to drop down menus. And the featured contents are not aligned with the rest which is flushed left. Please help.

PS: I also saw one question here about the tap to call button which i dont see on mine? Is that a Covera feature?

 

Hello !

Paste the code given below in Custom CSS section
(Appearance -> Theme Options -> Styling Options -> Custom CSS) of your dashboard.
Change previous code and use this code for logo placement

Code:

@media only screen and (min-width: 767px)
{
div#MainNav {
width: 150%;
}
.header-wrapper {
height: 90px;
}
.logo {
position: absolute;
top: 30px;
left: 40%;
}
}

Thanks & Regards
Pramod

 

I've cleared browser cache & date on both smartphone & tablet but I still can't see the changes. It's still messed up.
Minimizing my desktop though, I see the responsive logo placement. but of course the rest of the content still needs tweaking.
Can you look at it from your mobile devices, it's hard to explain components one at a time. I need help coz client uses mobile more.

 

Pramod, the logo looks ok now on smartphone but not on tablet. Is there an additional code for that size?

 

I dont know why it took a while but the logo is good on tablet now. Almost there but I need a bit more help.
all Q's referring to mobile view
1. How can we center the phone number ? (code added too)
2. How can we center the feature text "Serving the ..."
3. How to center the side widgets?
4. How to center the footer widgets

Thank you in advance

 

Hello,

Paste the code given below in Custom CSS section
(Appearance -> Theme Options -> Styling Options -> Custom CSS) of your dashboard.

Code:

@media only screen and (max-width: 767px) and (min-width: 480px){
.main-content .info-box .info {
margin-left: 0;
}
p.call_us_no {
float:none;
}
.main-content .home .one_fourth.second {
float:none;
width: 100%;
text-align: center;
}
.footer {
text-align: center;
}
}

Thanks & Regards
Pramod

 

Almost done Sir. for some reason the 4th side widget and fourth footer widget are still aligned left? Thanks so much for helping.

 

Hello,

Paste the code given below in Custom CSS section
(Appearance -> Theme Options -> Styling Options -> Custom CSS) of your dashboard.

Code:

@media only screen and (max-width: 767px) and (min-width: 480px){
div#acurax_si_simple {
text-align: center !important;
}
 
.footer .inner.last {
float:none;
text-align: center;
}
}

Thanks & Regards
Pramod