CODEWITHSUNDEEP
magentoscrollbar
user2384317
user2384317

Reputation: 3

remove horizontal scroll bar at the bottom in magento site

please visit this link http://newtrendzonline.com/boards/

in the bottom , you can see "horizontal scroll bar". I want to remove that "scroll bar".

please help me to find solution.

thanks in advance.

Upvotes: 0

Views: 801

Answers (1)

Devin
Devin

Reputation: 7720

you have a lot of issues. The main one starts in this line:

<div><p style="position: relative; left: 550px; font-size: 30px; top: 50px; color: blue;"><span style="font-size: xx-large;"><span style="color: #330099;"><strong>Ph: 0800 844 866 &nbsp; &nbsp; &nbsp;&nbsp;</strong></span> <a style="background-color: orange; color: white; padding: 8px; position: relative; left: 100px; top: 0px; font-size: 22px;" href="http://boards.newtrendzonline.com/index.php/contacts/"> Email Us</a>&nbsp; &nbsp;</span></p></div>
        <div class="clear"></div>

Sadly, there's no real way to fix it without changing all the HTML and only then the CSS. But here is what you need to do:

1) please get rid of inline styles. Give elements a class name so you can manipulate them.

2) give a class to that starting div

3) replace that p style[...] with <div class="your_class">

4) Now move EVERYTHING inside this div inside div "header-bottom-content". Add it after your logo

5) Now you can play with that div depending on what you want. One possibility could be this:

.header-bottom-content{display:block;}
.logo{display:inline-block;}
.your-class{display:inline-block; float:right}
.link-bottom:clear:both; float:none}

There are many many ways to do this, the important thing is to fix the HTML and avoid inline styles as much as possible

Upvotes: 1

Related Questions