Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • January 26, 2016 at 12:38 pm #572046
    saposkato

    Hi there,

    I have a problem with my website. lateral menu + sidebar below. In mobile version, the sidebar goes over the content.

    Bellow in private content the question.

    thanks for solve this problem.

    Fernando

    January 27, 2016 at 8:40 am #572664
    Rikard

    Hi Fernando,

    I couldn’t see anything like that on the front page, on what page are you getting that problem? A screenshot might help us understand better.

    Best regards,
    Rikard

    January 27, 2016 at 1:55 pm #572863
    saposkato

    Hi Rikard, attached is the problem I have with the content.

    Thanks,

    Fer

    January 27, 2016 at 5:03 pm #573049
    Yigit

    Hey!

    Please add following code to Quick CSS in Enfold theme options under General Styling tab

    @media only screen and (max-width: 480px) {
#text_icl-2 .flex_column {
    max-width: 55%;
}}

    Regards,
    Yigit

    January 27, 2016 at 5:46 pm #573102
    saposkato

    Hi Yigit,

    Nothing happens :(
    I tried to refresh browser but still not working.

    Fer

    January 27, 2016 at 5:53 pm #573106
    Yigit

    Hey!

    Please flush browser cache and try once again – http://wiki.scratch.mit.edu/wiki/Hard_Refresh
    I can see the changes on my end :)

    Cheers!
    Yigit

    January 27, 2016 at 6:16 pm #573120
    saposkato

    So weird, I tried in one computer that have not visited never the web site and still the same problem.

    This is all css I have in quick css:

    @media only screen and (max-width: 767px) {
    .responsive.html_header_sidebar #header .avia-custom-sidebar-widget-area {
    display: block;
    position: absolute;
    top: 20px;
    right: 20%;
    }

    .html_header_sidebar #top #header .social_bookmarks {
    border: 0;
    }

    .html_header_sidebar #top #header .social_bookmarks li a {
    border: 0;
    }
    }

    @media only screen and (max-width: 480px) {
    #text_icl-2 .flex_column {
    max-width: 55%;
    }}

    January 28, 2016 at 2:32 pm #573744
    Vinay

    Hey!

    The only option to get rid of things running into each other was to hide the sidebar widgets in tablets. There is more room to display the widgets in devices that are larger than tablets.

    please see the /* hide in tablets */ code in quick css.

    Regards,
    Vinay

  • Author
    Posts
Viewing 8 posts - 1 through 8 (of 8 total)
  • You must be logged in to reply to this topic.