Navigation
This is archived content. Visit our new forum.

Tagged: 

  • Author
    Posts
  • #904726
    Macroconscious
    Participant

    Hey Guys!

    Great theme but I am having some issues with csgopractice.com and mobile resposiveness.

    The sidebar widgets that work fine on desktop are off centered and misaligned.

    I would also like to remove the background image, so it does not introduce the actual reading of the post.

    Your help is always appreciated.

    Best and thanks always!

    #904947
    Macroconscious
    Participant

    I tried some of the coding found on the other topics and still the background image shows. For example:

    @media (max-width: 480px){
    .home div#x-section-1,
    .home div#x-section-3 {
    background-image: none !important;
    }
    }

    Still does not work.

    Thanks for your help!

    #905563
    Thai
    Moderator

    Hi There,

    The sidebar widgets that work fine on desktop are off centered and misaligned.

    Please add the following CSS:

    .home #x-content-band-2 .x-column.x-sm.vc.x-1-4 {
        padding: 0 16px !important;
    }

    I tried some of the coding found on the other topics and still the background image shows. For example:

    I couldn’t find the section #1 & #3, could you please tell me which images you want to hide on mobile version?

    Thank you.

    #906296
    Macroconscious
    Participant

    You guys continue to amaze!

    This worked perfectly. I found a work around for the backgorund that kept displaying over our posts.

    I do have one more quick question. Is there a way to get the left side bar to stop displaying all together on mobile. Right now it is redundant with the rest of the mobile experience.

    Thank you so much and I really appreciate all the help you guys give.

    #906993
    Thai
    Moderator

    Hi There,

    Please add the following CSS:

    @media (max-width: 480px){
        .home #x-content-band-2 .x-column.x-sm.vc.x-1-4 {
            display: none;
        }
    }

    Hope it helps 🙂

  • <script> jQuery(function($){ $("#no-reply-904726 .bbp-template-notice, .bbp-no-topic .bbp-template-notice").removeClass('bbp-template-notice'); }); </script>