• On the homepage of my site I want the left sidebar widgets to remain vertically stacked. When I look at the site full screen the 3rd widget is to the right of the second one.

    I’m assuming I need CSS code but I couldn’t find any people with the same problem to copy.

    I attempted this

    .sidebar_homepagesidebar{
    list-style:vertical;
    }

    thank you

Viewing 11 replies - 1 through 11 (of 11 total)
  • what theme are you using?

    can you provide a link to your site?

    https://www.w3schools.com/cssref/pr_list-style.asp

    Thread Starter michelecherney

    (@michelecherney)

    Highend Theme

    thank you

    Thread Starter michelecherney

    (@michelecherney)

    sorry, my links aren’t showing up. Here’s the url
    https://www.modelmediaconsulting.com/

    I this its help for you

    Just put this code on your child theme css file

    .widget-item.widget_sp_image {
      float: left;
    }
    #text-21 {
      float: left;
      width: 130px;
    }

    Hi Michele.
    I don’t see the issue you are saying. Can you share an screenshoot please?
    That will be helpful.

    Thread Starter michelecherney

    (@michelecherney)

    Rajan, I tried that code but it didn’t change.

    Walter – I have an adobe file I can send but your email address was no reply and I don’t see how to attach here. If you change the width of the screen as you’re viewing the home page you’ll see (on the left sidebar) sometimes my contact widget appears to the right of the photo (what I don’t want) and when it’s narrow it appears under (what I always want it to show).

    Try after clear cache

    I think its work for me

    https://www.modelmediaconsulting.com/

    Thread Starter michelecherney

    (@michelecherney)

    I cleared the cache on my browser but I cannot find any option to do so in Word Press.

    I just installed the pluggin WP Super Cache but nowhere on my dashboard or in any other menu do I seem to have the ability to access it.

    Can you please give me your screenshot, I think its working

    Thread Starter michelecherney

    (@michelecherney)

    I’m still not seeing how to attach a fie to send you a screen shot.
    I took one for you. If you let me know how I will.

    When the window is sized wide my contact me information appears to the right of my picture. As I resized it more narrow it shifts below my picture.

    I can probably make my picture bigger to avoid this problem but I was hoping to learn how to solve the problem to keep my widgets aligned vertically without size or padding work arounds which may cause a different problem down the line.

    thank you
    Michele

    Thread Starter michelecherney

    (@michelecherney)

    Hi Rajan, I used your code above but increased the width for text-21 from 130px to a larger number. That was then wide enough to force the widget to fall below the previous one.

    thank you, you can mark as closed.

Viewing 11 replies - 1 through 11 (of 11 total)
  • The topic ‘Sidebar widgets wrap rather than remain vertical’ is closed to new replies.