Banner Margins

  • Resolved jdiponziano

    (@jdiponziano)


    10 years, 6 months ago

    My banner that is below the secondary menu on thelifeoutside.com is 10px to the left instead of being lined up in the menu.

    In the browser inspector I am able to set the margin-left and margin-right to 0 which seemed to center it but I can’t figure out what to write in the CSS advanced styling.

    Appreciate the help. Thanks!

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

  • Hey,
    There are a couple issues here,
    First to make your menu site across the whole page add this:

    #nav-second ul.sf-menu>li {
width: 20%;
}

    you had it set to 19.55 which left a gap at the other end of your page.

    Second the image slider is showing in the middle of the page because your image is smaller then the page content and the slider centers the images automatically so if you left align your image it will show a gap on the right side. I suggest just using a larger image. Make sure the width is 1140px.

    Kadence Themes

    Thread Starter jdiponziano

    (@jdiponziano)

    I double checked. The slider is set to be 1140 x 300. The original image is 1140 x 300. But when it loads into the slider it appears to be shrinking to 1114. Im so confused.

    Try uploading a new image to test.

    Kadence Themes

    Thread Starter jdiponziano

    (@jdiponziano)

    I deleted it and uploaded a new image file. Still the same effect. So strange.

    Thread Starter jdiponziano

    (@jdiponziano)

    Hmm ok now all of a sudden it looks ok. Ok then. Guess its all fixed. Thanks for the quick responses! Loving this theme.

Viewing 5 replies - 1 through 5 (of 5 total)
  • The topic ‘Banner Margins’ is closed to new replies.