Support » Fixing WordPress » Styling got messed up

  • wwwnews

    (@wwwnews)


    I have this site a long time and all of a sudden today the desktop version got messed up. I did not make any changes. Specifically. A horizontal scroll bar appeared and extra white space on the right side as well as something below the end of the footer.

    Any help is greatly appreciated.

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

Viewing 9 replies - 1 through 9 (of 9 total)
  • Moderator Steven Stern

    (@sterndata)

    Support Team Volunteer

    The problem is you your main-nav DIV. You have a 50PX right margin on

    .main-navigation li

    Reduce that margin so your menu doesn’t push past the available width or try this:

    nav#site-navigation {
        overflow: hidden;
    }

    To add or override CSS: use the “Additional CSS” option in the customizer. https://codex.wordpress.org/CSS#Custom_CSS_in_WordPress

    Learn to use the Chrome Developer Tools to help you see and test changes to your CSS.

    mrtom414

    (@mrtom414)

    looks ok to me. Try clearing your cache and see if it helps. I only used chrome to look are you using a different browser ?

    wwwnews

    (@wwwnews)

    Awesome this helped for the extra space. Can you please give another look all the way at the bottom left there is a tiny up arrow like a scrollup thing all of a sudden appeared today. How to get rid of this?

    Moderator Steven Stern

    (@sterndata)

    Support Team Volunteer

    That has to do wth a plugin that scrolls to the top. Disable that plugin.

    wwwnews

    (@wwwnews)

    This is strange because I don’t have a plugin for this and this appeared today without making any change to the website.

    wwwnews

    (@wwwnews)

    @ Steven

    This fix

    nav#site-navigation {
    overflow: hidden;
    }

    Caused the drop down menu to stop showing.

    Moderator Steven Stern

    (@sterndata)

    Support Team Volunteer

    Try

    .main-navigation li {
       margin-right: 10px;
    }
    wwwnews

    (@wwwnews)

    Worked but the dots between each menu got squashed into the words.

    Moderator Steven Stern

    (@sterndata)

    Support Team Volunteer

    The increase the margin until it looks good.

    I recommend asking anything additional at https://wordpress.org/support/theme/clean-commerce#new-post so the theme’s developers and support community can help you with this.

Viewing 9 replies - 1 through 9 (of 9 total)
  • You must be logged in to reply to this topic.