CSS changes

  • Hi,

    I added the following CSS to my website and I received great results on the desktop view, however, my mobile view doesn’t so look good. Can I change the mobile view settings without affecting the desktop view? I would like to keep my CSS changes to affect my menus and blog posts. I don’t have the expertise to do this. I would like to keep the CSS below Is this possible? Thank you very much for your time. Please see the views here.

    }
    .row.topbar_class {
    Width: 1300px
    }
    .top_bar {
    width: 1250px;
    }
    .menubar.m-0 {
    width: 1000px;
    }
    .home.page-template #header {
    width: 70%;
    position: absolute;
    z-index: 999;
    float: left;
    background: transparent;
    }
    .content_boxes {
    padding: 0px;
    border: none;
    width: 1100px;
    }
    .wp-block-cover.aligncenter.has-background-dim {
    width: 700px
    }
    .wp-block-group__inner-container {
    width: 700px;
    }
    .wp-block-group {
    width: 1100px
    }
    .menu {
    width: 1300px;
    }
    .header-logo {
    margin-left: -200px
    }
    .menu-top-menu-container.tva-dropdownmenu {
    margin-left: 600px;
    text-align: center;
    margin-top: 100px;
    }
    Thank you,

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

Viewing 2 replies - 1 through 2 (of 2 total)
  • Theme Author themeseye

    (@themeseye)

    Hello,

    For Changing the CSS for Mobile View, you need to add the CSS in Additional CSS, Add below CSS

    @media screen and (max-width:720px) { (add the CSS here) }

    For changes to affect menus and blog posts you have to give (width:100%) in mobile media, so that all section looks good

    Thank You.

    Thread Starter Jeremiah Ebenzee Spence

    (@ieremias)

    Thanks!

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘CSS changes’ is closed to new replies.