Mobile Responsiveness

Hi,

The website I am building has an orange header menu with Cart Total, Register, and Log In.
http://www.stashcash.biz/

It looks fine on my computer, but when I go to the site on my iPhone, the Register and Log In buttons are cut off and not viewable. Only the cart is visable.

Does anyone know how to fix this issue so all three buttons are viewable on mobile?

Thanks so much

 

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: 480px){
.top_cartinfo {
height: 70px;
}
.mean-container .mean-bar {
margin-top: 80px;
}
}

It will resolve your issue.

Thanks & Regards
Yogesh Bhade

 

Yogesh, thank you very much!! This worked. One follow up question for you. The "Cart" row gets cut off and leaves one ")" in line 2...is there a way to make that stay in the top line?

Also, do you know why the language on top of the slider images do not load on the mobile view? Please see the screenshot below for details:

Thanks again - very helpful.

 

Hello,

1. 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: 480px){
.iteminfo a {
font-size: 14px;
}
.iteminfo {
margin-right: 0;
}
}

2. In the Mobile view and iPad view there is no much space left to show slider text so we hide that slider text on Mobile and iPad view.
It will resolve your issue.

Thanks & Regards
Yogesh Bhade

 

Thanks, Yogesh. That worked! I really appreciate it.