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

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

  • Avatar: kyllaz
    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

    14 Answers
    Avatar: 8theme
    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

    Avatar: kyllaz
    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

    Avatar: 8theme
    8theme
    Support staff
    January 19, 2017 at 11:17

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

    Avatar: kyllaz
    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

    Avatar: 8theme
    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;
     }
    }
    
    Avatar: kyllaz
    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

    Avatar: 8theme
    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?

    Avatar: kyllaz
    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.
    Avatar: 8theme
    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

    Avatar: kyllaz
    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?

    Avatar: 8theme
    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

    Avatar: kyllaz
    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

    Avatar: kyllaz
    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

    Avatar: Olga Barlow
    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

  • Viewing 15 results - 1 through 15 (of 15 total)

You must be logged in to reply to this topic.Log in/Sign up

We're using our own and third-party cookies to improve your experience and our website. Keep on browsing to accept our cookie policy.