horizontal scrolling zoomout issue when increasing width of container

  • buttabrain

    (@buttabrain)


    7 years, 7 months ago

    Hi,

    This theme has been great but i have run into some trouble that i’d like some help with if anyone would be so kind.

    I want to make the width of the content page wider than the default amount set and to do this, ive tried adding in the style.css 2 different codes that both run into some practical issues

    the first method was to add:

    .container {
width: 1300px;
}

    however this made it so low rescreens have a horizontal scrolling bar at the bottom of their screens which is usually not wanted

    the second method was to add:

    .container {
width: 100%;
}

    however this has led to my sidebar expanding horizontally whenever i zoom out which is very unnatural

    how do i expand the width of the container, or whatever part of the site necessary so that i get more content width to work with on my webpage

    thank you very much for any help given

Viewing 3 replies - 1 through 3 (of 3 total)
  • Moderator Jose Castaneda

    (@jcastaneda)

    THEME COFFEE MONKEY

    7 years, 7 months ago

    Hi there!

    What theme are you using and where did you get it from?

    Thread Starter buttabrain

    (@buttabrain)

    7 years, 7 months ago

    the theme is nisaga and i got it from the designer falguni desai off of the wordpress theme options

    Moderator Jose Castaneda

    (@jcastaneda)

    THEME COFFEE MONKEY

    7 years, 7 months ago

    Are you asking about this theme: https://wordpress.org/themes/nisarg/

    Taking a look over just the stylesheet you can use a child theme to adjust that. The theme uses a few media queries to adjust that size depending on the size of the screen.

    You can try something like:

    @media (min-width: 1200px) {
  .container {
    width: 1300px;
  }
}

    You can use that in a custom CSS plugin if you have one.

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘horizontal scrolling zoomout issue when increasing width of container’ is closed to new replies.