Return to previous page

Top Bar on Landscape - by kyllaz - on WordPress WooCommerce support

This topic has 15 replies, 3 voices, and was last updated 7 years, 10 months ago ago by Olga Barlow

kyllaz

Participant

January 19, 2017 at 03:02

Hi there.
The top bar disappears on landscape view on my ipad. How can i get it to be show in this resolution? This is bad because in this resolution people don´t have the url´s to access account or change language. This is a important fix.

Thanks

#152371 Copied

14 Answers

8theme

Support staff

January 19, 2017 at 10:28

Hello,

Unfortunately, our theme doesn’t support top bar for mobile devices because it has a lot of texts and links that can’t be visible and fit the space correctly on mobile phones. You can add all important links and language selector to the Mobile menu that is much better and easier to use for your visitors.

Kind Regards

#152405 Copied

kyllaz

Participant

January 19, 2017 at 10:39

Hi there Serge, thanks for your answer. It´s occuring on tablet (ipad pro 9,7″ retina screen) landscape view, it shows the regular header, no mobile menu and no top bar…that whay people cannot login or change the language. I can send screenshot if needed.

Regards

#152411 Copied

8theme

Support staff

January 19, 2017 at 11:17

Could you please send a link and some screenshot for better understanding?

#152421 Copied

kyllaz

Participant

January 23, 2017 at 15:35

here it goes a screenshot.

[IMG]http://i68.tinypic.com/1051tmd.jpg[/IMG]

Also when in mobile version the copyright does not get quite good, text and icons should be above of each other, this happens if i resize my browser on desktop but on ipad it gets like this

[IMG]http://i65.tinypic.com/2vtny3c.jpg[/IMG]

Many thanks

#152810 Copied
8theme

Support staff

January 24, 2017 at 10:09
Try to use this code snippet in custom CSS to show top bar for ipad
```
@media only screen and (min-width: 992px) and (max-width:1200px){
 .top-bar {
     display: block;
 }
}
```
#152891 Copied
kyllaz

Participant

January 25, 2017 at 00:19

Thanks for the answer. That don´t quite work 100%, now it show the top bar but the my account link goes left and the social icons and the text that was on left is still missing. How can i fully fix this?

Rgds

#152959 Copied

8theme

Support staff

January 25, 2017 at 13:10

Hi,

Sorry, but we can’t see your website now. Could you please send us an admin access?

#152996 Copied

kyllaz

Participant

January 25, 2017 at 18:14

Here it goes Serg. Im already finishing my work just need for this fixes on the header and footer copyright.

best regards

Please, contact administrator
for this information.

#153048 Copied

8theme

Support staff

January 26, 2017 at 08:52

Hello,

Actually, now My account link is visible on iPad https://gyazo.com/15acaa1398ad96e3939314758320d90a

As for copyrights, so they are created with Visual Composer and you are able to set columns width for different devices sizes as you want. Just edit each column in the footer and check Responsive options tab.

Regards

#153085 Copied

kyllaz

Participant

January 26, 2017 at 18:09

Hi. Yes I know it’s visible but where’s the social media icon and the left bar info? Why is the account link left?

#153170 Copied
8theme

Support staff

January 27, 2017 at 09:22
OK, try to replace the code with a new one instead
```
@media only screen and (max-width: 1200px) and (min-width: 992px){
 .top-bar {
     display: block;
 }
 .top-links ul{
  right: auto;
  left: 0;
 }
 .top-bar .top-links .topbar-widget{
  display:block;
 }
}
```
Regards
#153212 Copied
kyllaz

Participant

January 27, 2017 at 14:16

Hi there. That still doesnt fix it correctly, the icons get bellow my account and when in a little bit slower res it gets account to left again and icons in the middle. Please i really need a fix on this

rgds

#153250 Copied

kyllaz

Participant

January 27, 2017 at 14:39

And the problem with the footer still happens. It´s not done with visual composer as you said, it´s done in widgets and on there i have no control over reponsiveness.

regards

#153257 Copied

Olga Barlow

Support staff

January 28, 2017 at 16:49

Hello,

I have added the correct code in the style.css of child theme. Check now, please.

Regards

#153342 Copied
Viewing 15 results - 1 through 15 (of 15 total)