Mobile layout is messed up!?

  • Resolved unikat

    (@unikat)


    8 years, 7 months ago

    Hello, my Mobile layout is messed up, the sidebar is under home content, and there is no space on sides like on desktop. On my laptop everything looks great. But on mobile its messed up. Even the tekst on home page is streched to whole screen. I have used this code

    .container {
    width: 1170px;
}
@media (min-width: 1170px) {
.container {
width: 1170px;
}
@media (max-width: 979px) {
aside

    Before this code the layout on mobile was tiny.
    The web site is
    Please help, and thanks for this great theme!

Viewing 7 replies - 1 through 7 (of 7 total)

  • Hey so by adding a fixed with of 1170px that would break this theme. The theme is built to be responsive and have the columns break into rows on mobile so everything is readable without zooming. You can’t turn off this as it’s coded into every part of the theme.

    So check out the demo: https://themes.kadencethemes.com/virtue/

    Are you wanting a responsive site like that, if so you need to remove 

    .container {
    width: 1170px;
}

    else if not then you may have to consider a different theme that isn’t responsive and isn’t mobile friendly.

    Let me know, hopefully I’ve explained well.

    Kadence Themes

    Thread Starter unikat

    (@unikat)

    Thank you for your reply.But when I remove that code, on mobile it looks tight and thiny, I just want it on mobile to bi normal width. You can check on your mobile And I’m not very good with codes.
    Thank you very much!

    Thread Starter unikat

    (@unikat)

    And, I want it to be like original theme on mobile.

    Hey,
    Your adding videos. are you making sure to add responsive? In the theme you an use the theme video shortcode to add a video and it would be responsive. It’s important that you not add something with a fixed width.

    Kadence Themes

    Thread Starter unikat

    (@unikat)

    O, can u write me a responsive shortcode for video, if that is problem, to change it.
    Thanks!

    There is a shortcode in the theme you can use… see here: https://docs.kadencethemes.com/virtue/assets/images/virtue_free_shortcodes.jpg

    Kadence Themes

    Thread Starter unikat

    (@unikat)

    Thank you very much!
    Its so simple but didnt know, i’v jused embed code from youtube.
    But now is faster and easyer.
    Now its perfect!

    Thank you very much on everything!

Viewing 7 replies - 1 through 7 (of 7 total)
  • The topic ‘Mobile layout is messed up!?’ is closed to new replies.