• Resolved marikephoto

    (@marikephoto)


    Hi there,

    the blocks frontpage widget is not centered on mobile and tablet view. Can this be fixed?

    Also, on desktop view the whole site can scroll to the right? Please advise.

    The page I need help with: [log in to see the link]

Viewing 4 replies - 1 through 4 (of 4 total)
  • Theme Author OptimizerWP

    (@layerthemes)

    Try adding this to your Custom CSS:

    #slidera { overflow: hidden;}
    @media screen and (max-width: 960px){
    .midrow_block { width: 100%!important;}
    .midrow_wrap { width: 100%;}
    }
    Thread Starter marikephoto

    (@marikephoto)

    Everything is now centered and doesn’t scroll to the right anymore. But in tablet view the blocks now look the same as on mobile. I would like for the blocks on tablet view to be smaller next to each other as it is o desktop please.

    Theme Author OptimizerWP

    (@layerthemes)

    Try adding this too:

    @media screen and (max-width: 960px) and (min-width: 481px){
    .midrow_blocks .midrow_block:first-child:nth-last-child(3), .midrow_block:first-child:nth-last-child(3) ~ .midrow_block {
        width: 33.333%!important;
    }
    }

    Thanks

    Thread Starter marikephoto

    (@marikephoto)

    You guys are amazing!

    Thank you so much. I’m super happy with the result.

Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘Blocks Frontpage Widget’ is closed to new replies.