Please Attention! Cargo Pro and Larabuilder items have been moved to another support ticket system
Click here to add a ticket for them

bahigo lunabit betpuan rotabet betist

Bdaia Support Forums Portfolio Magic Main content width problem. Reply To: Main content width problem.

  • daviddedov replied
     

    Yes i saw thank you, new menu looks great. I already did a lot of changes myself.
    To make the widths better on different devices because now it’s all over the place.
    Some parts on Mobile have padding, others don’t. Like sharing buttons, post meta.
    Some parts have different padding, like sidebar widgets on mobile.

    Below are the changes i made to new CSS.

    style.css – changes

    Main

    .bdayh-wrap {
    max-width: 1200px;
    padding: 0 17px;
    margin: 0 auto;
    }

    media 479
    Changed max-width to 359px
    @media (max-width: 359px){

    Changed
    .bdayh-wrap { padding: 0 7px }

    Comment out
    /* .post-content-bd { padding: 20px; } */
    /* .widget { padding: 0 10px } */
    /* .post-header-bd header h1 { padding: 0 20px } */

    media 767 and 768 x 1023

    Comment out
    /* .bdayh-wrap { padding: 0 } */
    /* .post-content-bd { padding: 20px; } */
    /* .widget { padding: 0 10px } */
    /* .post-header-bd header h1 { padding: 0 20px } */

    Added 360 width

    /**
    * max-width:360px
    * —————————————————————————– *
    */
    @media (max-width: 360px) {
    #page.boxed { margin: 0 auto }
    .bdayh-wrap { padding: 0 10px }
    .container-main { margin: 0 }
    #content,
    #sidebar,
    #sidebar2 {
    float: none;
    width: 100%;
    padding: 0 10px!important;
    display: block
    }
    #sidebar,
    #sidebar2 { padding-top: 40px }
    #footer .widget,
    #home2-widgets .widget {
    padding: 0 10px;
    width: 100%!important;
    float: none
    }
    .breaking-news {
    width: 100%;
    overflow: hidden;
    clear: both;
    display: block;
    text-align: center;
    margin-bottom: 10px
    }
    .breaking-news .heading {
    float: none;
    display: inline-block;
    clear: both
    }
    .breaking-news ul {
    width: 100%;
    overflow: hidden
    }
    .breaking-news ul li { line-height: 20px }
    .topbar .social-icons,
    .topbar .social-icons a {
    float: left;
    overflow: inherit
    }
    .breaking-news i { display: none }
    header#header { text-align: center }
    #header .bdayh-inner { padding: 15px 0; }
    .logo-left .logo {
    float: none;
    margin: 15px 0 25px;
    }
    .header-ads {
    float: none;
    margin-top: 15px;
    text-align: center
    }
    #top-menu-mob,
    .primary-menu-drop-wrap { display: block }
    #top-menu,
    .primary-menu { display: none }
    .fm-story,
    .primary-menu-drop,
    .top-menu-drop { width: 100% }
    .fm-story.fm-post-sec { width: 50% }
    .fm-story.fm-post-sec .fmm-author,
    .fm-story.fm-post-sec .fmm-cats,
    .fm-story.fm-post-sec .fmm-comments,
    .fm-story.fm-post-sec .fmm-date { display: none }
    .fm-story .fm-meta h3 {
    font-size: 27px;
    line-height: 27px
    }
    .fm-story .fm-meta {
    padding: 0 20px;
    margin-bottom: 20px
    }
    .fm-story.fm-post-sec .fm-meta {
    padding: 0 12px;
    margin-bottom: 12px
    }
    .fm-story .fm-thumbnail .fm-img { height: 299px }
    .fm-story.fm-post-sec .fm-thumbnail .fm-img { height: 149px }
    #go-top { display: none }
    #sidebar,
    #sidebar2 { border: none!important }
    #footer-bottom .footer-left,
    #footer-bottom .footer-right {
    float: none;
    text-align: center
    }
    .post-content-bd figure.aligncenter {
    width: auto!important;
    height: auto
    }
    .post-nav-links .post-nav-next,
    .post-nav-links .post-nav-prev {
    width: 100%;
    text-align: center;
    float: none;
    padding: 0
    }
    .post-nav-links .post-nav-next a,
    .post-nav-links .post-nav-prev a { padding: 10px 0 }
    .post-nav-links .post-nav-next a:before,
    .post-nav-links .post-nav-prev a:before { display: none }
    .post-nav-links { padding: 15px 0 }
    .post-nav-links .post-nav-next span,
    .post-nav-links .post-nav-prev span { margin-bottom: 2px }
    #comments .depth-2 .comment-wrapper { padding-left: 10px }
    #comments .depth-3 .comment-wrapper { padding-left: 15px }
    #comments .depth-4 .comment-wrapper { padding-left: 20px }
    #comments .depth-5 .comment-wrapper { padding-left: 25px }
    #content {
    margin-bottom: 50px;
    clear: both;
    float: none
    }
    .post-sharing-bd li { width: 33px }
    .post-sharing-bd li,
    .post-sharing-bd ul { text-align: center }
    .related-inner { margin: 0 -3px }
    .rp-post {
    padding-left: 3px;
    padding-right: 3px
    }
    .rp-post h3 { font-size: 12px }
    .ab-avatar,
    .ab-name,
    .author-box-bd .social-icons {
    text-align: center;
    float: none
    }
    .ab-avatar,
    .ab-name { margin: 0 auto 5px }
    .post-single-d .post-featured-image-bd { width: 100%!important }
    .five_sixth,
    .four_fifth,
    .one_fifth,
    .one_fourth,
    .one_half,
    .one_sixth,
    .one_third,
    .three_fifth,
    .three_fourth,
    .two_fifth,
    .two_third {
    margin-right: 0;
    margin-left: 0;
    float: none;
    width: 100%!important
    }
    body.sticky-nav-on .navigation.sticky-nav {
    position: static;
    width: auto;
    left: auto
    }
    #top-menu-mob,
    .today-date { display: none }
    #b6d-layout .post-featers,
    .b1d-layout .layout-wrap,
    .b2d-layout .layout-wrap,
    .b4d-layout .layout-wrap {
    float: none;
    width: 100%;
    padding: 0
    }
    .b1d-layout .layout-row,
    .b2d-layout .layout-row,
    .b4d-layout .layout-row,
    .b6d-layout .layout-row { margin: auto }
    #b6d-layout .post-featers {
    position: static;
    margin-bottom: 15px
    }
    #b6d-layout .post-content {
    margin-left: 0;
    min-height: 100%
    }
    #b6d-layout.list .post-content {
    margin-left: 0;
    min-height: 100%!important
    }
    .grid-layout { margin: auto!important }
    .grid-layout .isotope-item {
    width: 100%!important;
    float: none!important
    }
    .box-news-one .post,
    .box-news-two .post,
    .tab-box1 .post {
    width: 100%;
    float: none;
    clear: none
    }
    .tab-box1 .tab-nav1 li a {
    padding: 3px;
    margin: 0 2px
    }
    .box-news-one .post.ws-post-first .ws-thumbnail,
    .box-news-two .post.ws-post-first .ws-thumbnail,
    .tab-box1 .post.ws-post-first .ws-thumbnail { max-height: 100%!important }
    .box-scrolling .post {
    width: 100%!important;
    float: none
    }
    .box-videos .post {
    width: 100%!important;
    float: none;
    clear: none
    }
    .fm-story .fm-thumbnail img,
    .fm-story.fm-post-sec .fm-thumbnail img {
    max-width: 100%!important;
    width: 100%
    }
    .fm-story { height: 280px }
    .fm-story.fm-post-sec { height: 180px }
    .fm-story .video.post-for { display: none }
    .box-news-two .post.ws-post-first .ws-meta,
    .box-news-two .post.ws-post-first .ws-thumbnail {
    min-height: auto;
    margin: 0 0 20px;
    width: 100%;
    position: relative
    }
    .box-news-two .post.ws-post-first .ws-meta { margin: 0 }
    .box-news-gallery .post { padding: 1px 10px }
    .box-news-gallery .box-wrap { padding: 9px 0 }
    .box-news-four .post,
    .box-news-gallery .post,
    .wrap-news-three {
    width: 100%;
    float: none
    }
    .wrap-news-three.last { clear: none }
    .wrap-news-three .box-news-three,
    .wrap-news-three.last .box-news-three { margin: 0!important }
    .home-boxes .box-news-five .row,
    .home-boxes .box-news-five .row .post,
    .home-boxes .box-news-five .ws-post-first {
    float: none;
    width: 100%;
    clear: none
    }
    .home-boxes .box-news-five .ws-post-first { padding-right: 5px }
    .home-boxes .box-news-five .ws-post-first .ws-thumbnail { margin-bottom: 10px }
    .home-boxes .box-news-six .row,
    .home-boxes .box-news-six .ws-post-first {
    float: none;
    width: 100%;
    clear: none
    }
    .home-boxes .box-news-six .ws-post-first { padding: 0 0 30px }
    .home-boxes .box-news-seven .post {
    float: none;
    width: 100%
    }
    .home-boxes .box-news-seven.nb-eight .post.ws-post-first { margin-bottom: 30px }
    .home-boxes .box-news-nine .post,
    .home-boxes .box-news-nine .row {
    width: 100%;
    float: none;
    clear: none
    }
    .home-boxes .box-news-ten .ws-thumbnail { max-width: 100% }
    .home-boxes .box-news-ten .ws-cap {
    position: relative;
    top: 0;
    max-width: 100%;
    min-width: 100%;
    margin-top: -26px;
    z-index: 4
    }
    .home-boxes .box-news-ten .ws-thumbnail { float: none }
    .home-boxes .box-news-ten .ws-cap { right: auto }
    /* .more-news-box .mnb-wrap { padding: 0 10px } */
    .more-news-box .post {
    width: 50%;
    height: 180px;
    }
    #b6d-layout .post-featers .post-img { max-height: 100% !important; }
    .sidebar-none .home-boxes .flexslider .slides > li,
    .sidebar-none .home-boxes .flexslider,
    .home-boxes .flexslider .slides > li,
    .home-boxes .flexslider { height: 361px; }
    .home-boxes .box-home .ws-meta .entry-title a,
    .home-boxes .box-home .ws-meta .entry-title {
    font-size: 16px;
    line-height: 20px;
    }
    .box-scrolling .post,
    .box-news-gallery .post { height: 358px; }
    #breakingNews span.heading i { display: none !important; }
    #breakingNews span.heading i.fa { display: block !important; }
    #sidebar,
    #sidebar2 {
    width: auto !important;
    max-width: 100% !important;
    top: auto !important;
    bottom: auto !important;
    left: auto !important;
    right: auto !important;
    position: relative !important;
    }
    #main.sidebar-left .wrapper-sticky,
    .wrapper-sticky {
    height: auto !important;
    width: auto !important;
    max-width: 100% !important;
    max-height: 100% !important;
    margin: auto !important;
    position: relative !important;
    float: none !important;
    left: auto !important;
    right: auto !important;
    top: auto !important;
    bottom: auto !important;
    vertical-align: top !important;
    }
    #content { border: 0 none !important }
    #breakingNews ul { max-width: 290px; }
    #breakingNews ul li {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 100%;
    }
    #content,
    #sidebar,
    #sidebar2 {
    float: none;
    width: 99%;
    margin-left: auto;
    margin-right: auto;
    max-width: 99%;
    padding: 0 !important;
    display: block;
    }
    /* .post-content-bd { padding: 10px; } */
    #articleBottom-ads,
    .post-featured,
    #articleTop-ads {
    margin-right: -20px;
    margin-left: -20px;
    }
    table th,
    table td {
    padding: 5px;
    font-size: 12px;
    }
    .alignleft,
    .alignright {
    margin-left: auto !important;
    margin-right: auto !important;
    float: none !important
    }
    /* .widget { padding: 0 10px } */
    /* .post-header-bd header h1 { padding: 0 20px } */
    body {
    background: none !important;
    background-size: none !important;
    -o-background-size: none !important;
    -moz-background-size: none !important;
    -webkit-background-size: none !important;
    }
    .bd-hid a,
    .bd-hid img,
    .bd-hid,
    .fm-story .fm-thumbnail img,
    .post-img img,
    .ws-thumbnail img,
    .flexslider .slides > li a,
    .rp-thumbnail img,
    .bd-show a,
    .bd-show img,
    .bd-show,
    .fm-story .fm-thumbnail.img-over img,
    .post-img.img-over img,
    .ws-thumbnail.img-over img,
    .flexslider .slides > li.img-over a,
    .rp-thumbnail.img-over img {
    -o-transition-property: none !important;
    -moz-transition-property: none !important;
    -ms-transition-property: none !important;
    -webkit-transition-property: none !important;
    transition-property: none !important;
    opacity: 1 !important;
    }

    .of-topbar-mobile { display: none !important }
    #slide-out-open { display: block !important }

    body.on-mobile-menu #featured-main,
    body.on-mobile-menu #breakingNews {margin-top: 0}
    #slide-out-open {top: 15px}
    #page { box-shadow: none !important}
    }