Responsive

  • Resolved wavo

    (@wavo)


    10 years, 2 months ago

    Hi,

    https://www.worldofmobility.co.uk/

    I have a few questions I was hoping you could help me with.

    In screen sizes 240, 320, 480, 768 and 1024 my main tabs menu on the homepage is cutting off the sides of the images, is there a way to make it fit the width of the image instead of fitting the height of the image?

    Also on a screen size of 768 My header image is still conflicting with my logo image even though I have amended it on the smaller screen?

    Also on the 1024 screen size is there a way to reduce the size of the sidebar to make the main content of the website larger?

    Waiting for your help.

    Many thanks again

    David

Viewing 2 replies - 1 through 2 (of 2 total)

  • Hey,
    1. If you are talking about the “image menu” Then it’s designed for text with a background image, not to be image with text on the image so it’s designed to follow the height set in the theme options.
    You can use this css to force the background images to stay contained:

    .infobanner {
background-size: contain !important;
}

    but really for what your trying to do adding the images right into the page content in columns would work better.

    2. You can add this css:

    @media (max-width: 992px) {
#logo {
padding-top: 125px;
}
}

    3. with this css:

    @media (min-width: 1200px) {
#content .main {width: 75%;}
#content aside.col-lg-3 {width: 25%;}
}

    Kadence Themes

    Thread Starter wavo

    (@wavo)

    Thankyou, although I had to amend the css for number three but they all worked once I amended that one ??

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