Issues on mobile

TZERMIAS · January 2018

Hello,

The url http://mybodyclinic.gr/

click on Dashboard

after login go again to http://mybodyclinic.gr/ to see the website.

Please we need your support in the below themes :

1. Logo on mobile
and Tablets: how to align on middle. We want action bar full width on mobile
devices.

2. Action Bar:
Is it possible to have different in icons only ?Can it be sticky on mobile?

3. Home page:
orange line below slider. Can it be not full sized in mobile devices?

4. Footer Logo on
mobile and tablets (image) : how to align on middle. If needed we can make it smaller

Images on mobile
: Can be bigger on mobile? Example the link below (the first image): http://mybodyclinic.gr/%CF%84%CE%BF%CF%80%CE%B9%CE%BA%CE%BF-%CF%80%CE%B1%CF%87%CE%BF%CF%82/

5. General : Can we put
padding-left in all page’s content (not the header or menu) where sections are
in full width?

TZERMIAS · January 2018

credentials for login

user : demo

password : SboDY20320!@#

Bryan · January 2018

HI,
1. Go to theme options>responsive>header and check the minimalist option for the header on mobile, then you will be able to select the alingment below.
2. Sorry but this is not possible.
3. THe only option would be to edit the image item in the muffin builder and set the image to stretch, but this will also make it wide on desktop.
4. Try this custom css.

@media (max-width:767px) {
	#media_image-2 {
		text-align:center !important;
	}
}

5. You can set left padding in wraps and columns, not in sections.
thanks

TZERMIAS · January 2018

Hello thanks for your answers :

1. I tried what you advice but logo is still left align and action bar is not showing. we want to show it.

2. I ment different color in icons. sorry for missunderstood.

thanks

TZERMIAS · January 2018

Hello any news for 1 and 2 question?

Thanks.

Bryan · January 2018

1. The action bar is not showing on mobile if you pick the minimalist mode so there is not really a sollution here.
2. What do you mean differen color in icons?

TZERMIAS · January 2018

2. I want the icons (phones, envelpope) withh white color and the rest as it is now(orange)

Bryan · January 2018

But where are those icons, which ones. Please be more specific, include links and screenshots.

TZERMIAS · January 2018

Hello,

About 1. Logo aligment we won't minimal because we want to show also action bar. Is there another way?CSS maybe?

Thanks

Bryan · February 2018

Try this css

@media (max-width:767px) {
#Top_bar .logo #logo {
	margin-left:5px !important;
}}

thanks

TZERMIAS · February 2018

Hello,

Unfortunatelly didn't work. any idea? more paddding maybe?

Bryan · February 2018

I see on your page that it worked, the cache is probably holding it, delete browser cache.
thanks

TZERMIAS · February 2018

Im viewing it on my mobile but no luck..

Bryan · February 2018

This must be browser cache on your mobile device, please take a look :
http://prntscr.com/i97fh3

TZERMIAS · February 2018

I would like to align center together with the action bar(in your screenshot). give more margin-left?

TZERMIAS · February 2018

sorry if confused. I meant center aligment - not middle.

Bryan · February 2018

Please make a screenshot of what exactly do you want to achieve because I am confised as well.

TZERMIAS · February 2018

I want the logo to align center together with the action bar button (only mobile). I circled the logo.

Bryan · February 2018

Sorry but this will not be possible, only with the minimalist option you can do layouts like those.
thanks

TZERMIAS · February 2018

ok thanks

Issues on mobile

Comments