Errors on mobile

markobb · July 2015

Hi,

If you see my screenshot on link you will notice that there is gray bg on logo. How to make this white?

Also if you look down on tabs it says business developmen instead of business development like it shows on desktop.

How to fix this?

markobb · July 2015

http://prntscr.com/7oezvr

Albert · July 2015

Hi,

what is the url to site where you want to make these changes?

markobb · July 2015

Like always

http://vizionhosting.co.uk/

Albert · July 2015

To change header background on mobile, please use below css:

@media only screen and (max-width: 767px) { #Top_bar, #Action_bar { background: transparent !important; } }

Text is cut because is definitely too long for mobile devices. You can decrease font size with below css:

@media only screen and (max-width: 767px) { .ui-tabs .ui-tabs-nav li a { font-size: 15px !important; } }

markobb · July 2015

Yes it worked but I have lost MENU icon now on mobiles

Albert · July 2015

Please sort your site so we can have a look on it because your site does not work now. Site keeps loading and nothing happen.

markobb · July 2015

Sorted out now.

markobb · July 2015

http://prntscr.com/7pjmfa

There is also this on iPad

These elements are wrapping, they are not in line.

Albert · July 2015

Your site still does not work. The same as yesterday. But as we see on screenshots, headings in tabs are wrapping because there is not enough space for them for sure.

markobb · July 2015

I was just checking it and I see it fine

http://vizionhosting.co.uk/

I also have issue with PRICING PLAN I've put image and I can't see it. Same is with the button. I can put different image that will be visible, but why I can't see button?

Albert · July 2015

Finally it works. We have checked this already and headings in tabs, works properly so we don't understand what you want to do.

About the image in pricing item, it's not weird at all if you put orange image on orange background http://pasteboard.co/1NTp9KNp.png

markobb · July 2015

Yes I know. I already mentioned that image will be replaced.

Problem is button that is orange as well.

Also one question, off topic.

What do I do with this theme if I cancel domain?

Albert · July 2015

If you remove theme from current domain, you can use it on other domain.

markobb · July 2015

I just need to let you guys now when I shut this domain and move your theme to another?

Albert · July 2015

No, you don't need to.

markobb · July 2015

Those tabs we were talking above. Is it possible to change way they open? Is it possible for them to be opened on hover rather than with click?

Albert · July 2015

No, this is not possible. Tabs can be opened on click only.

markobb · July 2015

OK, no problem.

Also wanted to ask you about those subheader images. They are now parallax by default. Could you tell me if those could be fixed with fixed dimensions?

Albert · July 2015

You can change this behavior under Theme options > Header & Subheader > Header section.

markobb · July 2015

OK saw this now. What dimensions are best for this photo?

Albert · July 2015

On our demo we use 1920 x 372px header images sizes.

markobb · July 2015

So if i use different size, for example 1920 x 572px i will get this height? 572? Image will not be cropped?

markobb · July 2015

Because I just saw that in your demo images for that are 1920 x 800px

Albert · July 2015

If you will use taller image, then probably css will be necessary to increase header height. But you must check it first.

markobb · July 2015

Yes, I want to use taller images. What to add to your CSS field in theme options?

Albert · July 2015

So please upload taller images and then send us url to page where you did it so we can have a look on it.

markobb · July 2015

Here it is

http://vizionhosting.co.uk/?page_id=2330

Albert · July 2015

Ok. So to increase header height, please use below css:

body:not(.template-slider) #Header { min-height: 300px !important; }

markobb · July 2015

So I can increase these 300px_ more?

markobb · July 2015

Now the subheading is not centered like before. How to make it centered in this header?

Errors on mobile

Comments