Return to previous page

Mobile Version - by Libardo - on WordPress WooCommerce support

This topic has 104 replies, 5 voices, and was last updated 10 years, 4 months ago ago by Eva Kemp

Libardo

Participant

March 27, 2015 at 04:13

Good Day Support,

I’ve noticed the following possible ” Bug ” when scrolling true the website on a mobile (Samsung Galaxy S5):

1.) It is noticed that when I turn the screen vertical or horizontal it is missing some text or not aligning the text as should in order to be visible on the screen (I’ve colored where I am pointing in color red):

http://i1340.photobucket.com/albums/o728/LibardoBarreto/xcvxcvxcv_zpsjiybpoc6.png

2.) Also when the phone is showing vertical it is showing the correct way but when I turn the phone horizontal it shows as follow:

http://i1340.photobucket.com/albums/o728/LibardoBarreto/34234_zpswfa0yyzf.png

Meaning the white bar (Where the logo is showing) needs to be black and also the language/currency field is showing again which was reported to be removed in ticket#52269

#52680 Copied

103 Answers

Libardo

Participant

March 27, 2015 at 04:14

Kindly please look into this so we can work for a solution … Thank you 8theme 🙂

#52681 Copied
Brian Johnson

Member

March 28, 2015 at 08:41
Hello

Please put this code into the custom.css to fix top bar issue:

.fixed-header-area{background:black;border:none;} .header-content{background:black;} .top-bar{display:none}

With best regards
Brian Johnson
#52961 Copied
Libardo

Participant

March 31, 2015 at 12:16

Good Day Brian,

This code is for request 1.) Or 2.) Or both??

#53529 Copied

Libardo

Participant

March 31, 2015 at 13:31

Good Day Brian,

With respect to my reply below which in the meantime I am waiting for your confirmation I also noticed the following in addition to my reply above:

The padding for Services and About us Page is showing the same but when I show this on a desktop or mobile (Samsung Galaxy S 5) is showing wrong:

http://i1340.photobucket.com/albums/o728/LibardoBarreto/5ttt_zpsjxmhrbfd.png

http://i1340.photobucket.com/albums/o728/LibardoBarreto/gg555_zpskwpvo4li.png

http://i1340.photobucket.com/albums/o728/LibardoBarreto/vvbrger_zpspnmjm2fw.png

http://i1340.photobucket.com/albums/o728/LibardoBarreto/Screenshot_2015-03-28-10-54-13_zpsg245ne3e.png

http://i1340.photobucket.com/albums/o728/LibardoBarreto/Screenshot_2015-03-28-10-53-59_zpsgtk0fvaw.png

Kindly have a look into About Us and Services Pages. Login credentials in >> ( Private ) <<

Please, contact administrator
for this information.

#53572 Copied

Brian Johnson

Member

March 31, 2015 at 14:46

Hello

Previous code should fix your header color layout. Please provide us with the link to the page where margins values are too high.

With best regards
Brian Johnson

#53599 Copied

Libardo

Participant

March 31, 2015 at 15:30

See in private.

Ok what about this one?

1.) It is noticed that when I turn the screen vertical or horizontal it is missing some text or not aligning the text as should in order to be visible on the screen (I’ve colored where I am pointing in color red):

http://i1340.photobucket.com/albums/o728/LibardoBarreto/xcvxcvxcv_zpsjiybpoc6.png

P.S All information are in this ticket not sure why we are skipping every time some request and then need to repeat to check once more ..

Please, contact administrator
for this information.

#53616 Copied
Brian Johnson

Member

March 31, 2015 at 16:23
Hello

1.Please put this code into the custom.css:

@media only screen and (max-width: 916px){.banner.valign-middle .banner-inner{ left:10px !important; }}

2.Please check these pages layout as it seems that white space caused by the additional empty row with empty text VC element within.

With best regards
Brian Johnson
#53636 Copied
Libardo

Participant

March 31, 2015 at 16:29

Thanks Brian.

With respect to :

2.Please check these pages layout as it seems that white space caused by the additional empty row with empty text VC element within.

How to check or where to check these? Or can you eliminate them? I approve to clear the white space.

#53641 Copied

Brian Johnson

Member

March 31, 2015 at 17:02

1. I have removed blank row with “&nbsp” VC text element for first page in private content and changed margin-top value to zero in VC settings for the second page. Please check your site now.
2. Sorry i changed css code for mobile layout in previous message as it was for wide screens and now for mobile devices.

With best regards
Brian Johnson

#53656 Copied

Libardo

Participant

March 31, 2015 at 19:22

Thanks Brian.

When you say ( 2. Sorry i changed css code for mobile layout in previous message as it was for wide screens and now for mobile devices. ) was this change for one of the pages? Please advise which ..

At the moment I’ve included this code :

@media only screen and (max-width: 916px){.banner.valign-middle .banner-inner{
left:10px !important;
}}

For the following Pages(See in private)

Please, contact administrator
for this information.

#53711 Copied

Libardo

Participant

April 1, 2015 at 02:44

BRIAN WHAT HAVE YOU DONE WITH THE ABOUT US AND THE SERVICES PAGE??????????????????????

I’M MISSING THINGS ON THE ABOUT US PAGE AND THE SERVICES PAGE???????????????????????????

CAN SOMEBODY ELSE TAKE OVER THIS TICKET#????????????????????????

THIS IS NOT A JOKE OR CAN FOOL WITH THIS TICKET I AM CURRENTLY IN THE PHASE OF GOING LIVE WITH THIS WEBSITE AND HAVE A VERY TIGHT SCHEDULE AT THE MOMENT TO COMPLETE THIS. NOT MY RESPONSIBILITY TO SHOW YOU WHAT IS MISSING IN THESE PAGES. I WANT TO SEE WHAT IS REMOVED BACK IN MY PAGES.

LOOK AT MY WEBSITE PAGES:

http://bkbcuracao.com/comingsoon/services

http://bkbcuracao.com/comingsoon/about-us

AND FIGURE OUT WHAT NEEDS TO BE PUT BACK IN ORDER. I DID NOT APPROVE TO DELETE THINGS FROM THE PAGE I APPROVE TO :

( How to check or where to check these? Or can you eliminate them? I approve to clear the white space. )

FIXXXX THISSSSSS!!!!!!!!!!

#53740 Copied

Libardo

Participant

April 1, 2015 at 02:53

Where is this Image?

https://s3.amazonaws.com/fvd-data/notes/168674/1427797513-ZKyk4D/screen.png

Where is this Image?

http://i1340.photobucket.com/albums/o728/LibardoBarreto/weqwr_zpspun0o6zt.png

THESE ARE JUST PARTS OF THE PAGES THAT ARE GONE???????? HOW COME THESE ARE GONE???????? AND STILL THERE ARE SOME OTHER INFO THAT I CANNOT FIND PROOFS OR PICTURES TO SHOW THIS. BUT I TRUST THAT 8THEME DOES NOT DELETE CONTENT WHICH WAS NOT INFORMED TO DO SO. WHY ARE THESE MISSING?

#53742 Copied

Eva Kemp

Participant

April 1, 2015 at 08:42

Hello,

Do you have back up of your files and database?
Please contact your host and ask them to restore your database and files from the back up.

Thank you.
Regards,
Eva Kemp.

#53763 Copied

Libardo

Participant

April 1, 2015 at 16:54

Ok I will check. But was the caused that the files/data from the website disappear?

#53996 Copied

Libardo

Participant

April 1, 2015 at 21:47

Hi Support,

Any update?

#54074 Copied

Eva Kemp

Participant

April 2, 2015 at 12:40

Hello,

Sorry, but we don’t know what was the reason. You need check error logs and ftp logs on a server at your host.

Regards,
Eva Kemp.

#54171 Copied

Libardo

Participant

April 7, 2015 at 18:15

Good Day Eva,

When I scroll true the following pages I noticed when I view them on a PC workstation the spacing looks good as should. However when I view them on a tablet or a mobile I see the following:

bkbcuracao.com/comingsoon/kohler

bkbcuracao.com/comingsoon/subzero-wolf

bkbcuracao.com/comingsoon/techlingting

bkbcuracao.com/comingsoon/grabill

bkbcuracao.com/comingsoon/silestone

http://i1340.photobucket.com/albums/o728/LibardoBarreto/Screenshot_2015-03-31-18-08-031_zps9uq2wdxf.png

http://i1340.photobucket.com/albums/o728/LibardoBarreto/Screenshot_2015-03-31-18-11-17_zpszpeutepl.png

http://i1340.photobucket.com/albums/o728/LibardoBarreto/Screenshot_2015-03-31-18-08-33_zpsrcundrym.png

http://i1340.photobucket.com/albums/o728/LibardoBarreto/Screenshot_2015-03-31-18-09-24_zpswxe44kym.png

Is it possible for all to have the same spacing as below:

http://i1340.photobucket.com/albums/o728/LibardoBarreto/Screenshot_2015-03-31-18-08-031_zps9uq2wdxf.png

Please, contact administrator
for this information.

#55440 Copied
Eva Kemp

Participant

April 8, 2015 at 09:06
Hello,

Please try to use this code in custom.css file:

@media (max-width: 480px) {.wpb_text_column p:last-child, .wpb_text_column *:last-child { line-height: 1.5 !important; } .vc_custom_1427424033615 { margin-bottom: -50px !important; }}

Regards,
Eva Kemp.
#55514 Copied
Libardo

Participant

April 8, 2015 at 15:56

Hi Eva,

I’ve included the code above into the CSS Menu:

http://i1340.photobucket.com/albums/o728/LibardoBarreto/gdfgd_zpsktcz6ohh.png

But still it is showing like this when I check on mobile:

http://i1340.photobucket.com/albums/o728/LibardoBarreto/Screenshot_2015-03-31-18-09-24_zpswxe44kym.png

All of them needs to look like this with a spacing under the logo product:

http://i1340.photobucket.com/albums/o728/LibardoBarreto/Screenshot_2015-03-31-18-08-031_zps9uq2wdxf.png

#55685 Copied

Libardo

Participant

April 8, 2015 at 15:57

Please login using the credentials in private:

Please, contact administrator
for this information.

#55686 Copied
Eva Kemp

Participant

April 8, 2015 at 17:22
Hello,

Please add this code in custom.css file:

@media (max-width: 480px) {.wpb_single_image img { margin-bottom: 60px; }}

Regards,
Eva Kemp.
#55723 Copied
Libardo

Participant

April 8, 2015 at 17:55

Hi Eva,

Are you saying to remove this one:

@media (max-width: 480px) {.wpb_text_column p:last-child, .wpb_text_column *:last-child {
line-height: 1.5 !important;
}
.vc_custom_1427424033615 {
margin-bottom: -50px !important;
}}

And replace it with this one?

@media (max-width: 480px) {.wpb_single_image img {
margin-bottom: 60px;
}}

#55730 Copied

Eva Kemp

Participant

April 8, 2015 at 18:10

Hello,

Yes, you’re right.
Remove the previous code and add a new one.

Regards,
Eva Kemp.

#55738 Copied

Libardo

Participant

April 10, 2015 at 13:37

Good Day Eva,

Is it possible for all my pages on the website looks like this (This is for Mobile & Desktop):

http://i1340.photobucket.com/albums/o728/LibardoBarreto/Screenshot_2015-04-09-18-40-56_zpshdadzjlj.png

At the moment when I open a page I see like this :

http://i1340.photobucket.com/albums/o728/LibardoBarreto/Screenshot_2015-04-10-08-25-34_zpsfejhopei.png

When I scroll I get to see the other content. What I would like is when you visit the page you also get to see a bit of the content like the Fishing Demo above.

http://i1340.photobucket.com/albums/o728/LibardoBarreto/Screenshot_2015-04-09-18-41-21_zpsggqsxwmv.png

Is it something I have to do with the Revolution Slider maybe?

==================================================================================

Also with regards to this code:

@media (max-width: 480px) {.wpb_single_image img {
margin-bottom: 60px;
}}

I have include the code in the following pages :

http://i1340.photobucket.com/albums/o728/LibardoBarreto/gdfgd_zpsktcz6ohh.png

Pages:

>> http://bkbcuracao.com/subzero-wolf/

>> http://bkbcuracao.com/grabillcabinets/

>> http://bkbcuracao.com/kuppersbusch/

>> http://bkbcuracao.com/silestone/

>> http://bkbcuracao.com/stiebel-eltron/

>> http://bkbcuracao.com/techlighting/

But still it has some difference between them on Mobile. The difference are as follow:

http://i1340.photobucket.com/albums/o728/LibardoBarreto/Screenshot_2015-04-09-22-36-43_zpsqnblq0zy.png

Note: This logo is not aligned to left and the spacing between the text (below the logo) and the logo is not the same as the page that ends with (/techlighting//stiebel-eltron//kuppersbusch//subzero-wolf/)

http://i1340.photobucket.com/albums/o728/LibardoBarreto/Screenshot_2015-04-09-22-37-20_zps7qh9ef8q.png

Note: This logo is not aligned to left and the spacing between the text (below the logo) and the logo is not the same as the page that ends with (/techlighting//stiebel-eltron//kuppersbusch//subzero-wolf/)

http://i1340.photobucket.com/albums/o728/LibardoBarreto/Screenshot_2015-04-09-22-37-44_zpsgmurfbvh.png

Note: This logo is not aligned to left and the spacing between the text (below the logo) and the logo is not the same as the page that ends with (/techlighting//stiebel-eltron//kuppersbusch//subzero-wolf/)

This is how the pages above spacing and logo alignment should be :

http://i1340.photobucket.com/albums/o728/LibardoBarreto/Screenshot_2015-04-09-22-37-00_zpsmyuuzx9j.png

#56212 Copied
Eva Kemp

Participant

April 10, 2015 at 17:06
Hello,

Please add this code:

@media (max-width: 480px) { .wpb_single_image img { margin-left: -30px !important; }}

Sorry, but your query concerning the slider is a bit unclear. Could you please clarify with more details?

Thank you.
Regards,
Eva Kemp.
#56272 Copied
Libardo

Participant

April 10, 2015 at 18:34

Good Day Eva,

Is it possible for all my pages on the website looks like this (This is for Mobile & Desktop):

http://i1340.photobucket.com/albums/o728/LibardoBarreto/Screenshot_2015-04-09-18-40-56_zpshdadzjlj.png

At the moment when I open a page I see like this :

http://i1340.photobucket.com/albums/o728/LibardoBarreto/Screenshot_2015-04-10-08-25-34_zpsfejhopei.png

When I scroll I get to see the other content. What I would like is when you visit the page you also get to see a bit of the content like the Fishing Demo above.

http://i1340.photobucket.com/albums/o728/LibardoBarreto/Screenshot_2015-04-09-18-41-21_zpsggqsxwmv.png

#56277 Copied

Eva Kemp

Participant

April 10, 2015 at 18:54

Hello,

I’ve set Slider Layout as “Auto Responsive” in the settings for the slider “SUBZERO WOLF”.
Please check the content now.

Thank you.
Regards,
Eva Kemp.

#56281 Copied

Libardo

Participant

April 10, 2015 at 19:36

Thanks Eva. For Mobile is showing fantastic. How do I setup this for Desktop as well?
The reason for asking is when someone goes on the page they dont see any pointers or something that is showing them that there is more content at the bottom. Unless we can put like a pointer? Or something that is showing that there is more content once scroll down?

http://i1340.photobucket.com/albums/o728/LibardoBarreto/aas_zpsvryp4qn5.png

#56282 Copied

Libardo

Participant

April 10, 2015 at 19:48

An example would be something like this:

http://marinewp.wpengine.com/architteti-layout/

http://i1340.photobucket.com/albums/o728/LibardoBarreto/45g_zpsyzzhhogx.png

Or maybe a pointer that points below? that can be included in the slider?

#56285 Copied
1 2 3 4 →

Viewing 30 results - 1 through 30 (of 104 total)