MOBILE VERSION – MOVING TO LEFT - by queenb123

This topic has 15 replies, 4 voices, and was last updated 8 years, 3 months ago ago by Rose Tyler

  • Avatar: queenb123
    queenb123
    Participant
    August 19, 2016 at 19:17

    Hi,

    for:

    http://project.brazilianweave.sub.queenofdesigns.co.uk/

    if you look at the mobile version – it is shifting to the left when you move the mouse or click left, is there any way to stop this please?

    14 Answers
    Avatar: Jack Richardson
    Jack Richardson
    Support staff
    August 19, 2016 at 19:44

    Hello,

    Try the following css code in Theme Options > Custom CSS > Custom CSS for mobile section:

    .st-container {
        overflow-x: hidden !important;
    }

    Best regards,
    Jack Richardson.

    Avatar: queenb123
    queenb123
    Participant
    August 21, 2016 at 01:32

    did not work…

    Avatar: queenb123
    queenb123
    Participant
    August 21, 2016 at 09:48

    did not work… please see private content.

    Please, contact administrator
    for this information.
    Avatar: Jimbo
    Jimbo
    Participant
    August 21, 2016 at 17:54

    I had this issue, it was something to do with .navbar left or right CSS

    it was only a 5px difference either way, I’ll see if I can find the thread.

    Avatar: Jimbo
    Jimbo
    Participant
    August 21, 2016 at 18:06

    This was the fix given to me, might be slight different for you if you have previously changed this code, 5px made it fine on mobile again.

    Check your code for the below css

    .navbar-right .navbar-right {left: 15px !important;} instead of 20px.

    hope it helps

    Avatar: queenb123
    queenb123
    Participant
    August 22, 2016 at 09:58

    Nope did not work, you have the login info please try it yourself!

    Avatar: Jack Richardson
    Jack Richardson
    Support staff
    August 22, 2016 at 10:21

    Hello @queenb123,

    The reason is you added this image in the footer and set margin-left value for it:
    http://storage4.static.itmages.com/i/16/0822/h_1471857674_8511650_025f8f0677.png

    Remove the value and check site on mobile then.

    Best regards,
    Jack Richardson.

    Avatar: Jimbo
    Jimbo
    Participant
    August 22, 2016 at 10:32

    Queenb I would remove your link for security purposes, pls check your link

    *** It’s ok now but it was on WordPress install page with setup info **

    Avatar: queenb123
    queenb123
    Participant
    August 23, 2016 at 18:05

    Hmmm i see…

    how did you guys add yours without affecting the mobile version here:

    https://www.8theme.com/demo/woopress/fullwidth/

    is it a static block?

    Avatar: Jack Richardson
    Jack Richardson
    Support staff
    August 23, 2016 at 18:51

    Hello @queenb123,

    By default it’s added in Appearance > Widgets > Footer Links.
    Also you can create custom footer using static blocks https://www.8theme.com/demo/docs/woopress/#!/0_footer

    Best regards,
    Jack Richardson.

    Avatar: queenb123
    queenb123
    Participant
    August 24, 2016 at 00:27

    no mine was not added automatically, really stuck and need help with this, can you see if you can fix it please??

    Please, contact administrator
    for this information.
    Avatar: Rose Tyler
    Rose Tyler
    Support staff
    August 24, 2016 at 07:33

    Hello,

    I added this code in your Custom CSS:

    .row-copyrights .pull-left {
      width: 100%;
    }
    .row-copyrights .textwidget img {
      float: right;
    }

    Clear browser cache and check your site.

    Regards,
    Rose Tyler.

    Avatar: queenb123
    queenb123
    Participant
    August 24, 2016 at 09:08

    Thank you works now!

    Avatar: Rose Tyler
    Rose Tyler
    Support staff
    August 24, 2016 at 09:28

    You’re welcome!

    Regards,
    Rose Tyler.

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

The issue related to '‘MOBILE VERSION – MOVING TO LEFT’' has been successfully resolved, and the topic is now closed for further responses

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