0

I don't understand why the search field on our website follows a margin-right CSS command BUT NOT a margin-left CSS command. How come?

.header-top .search-field {
    border-top: none;
    border-bottom: none;
    height: 34px;
    border-color: #EDEDED;
    outline: none;
}

The search field shows up only after clicking on the search icon to the top left of the page. This icon also previously wouldn't move to the left through a margin-left CSS command but I was finally able to move it through the right CSS command. I wonder what's the difference between the two.

Will appreciate feedback.

Sandy Albaytar Jr.
  • 59
  • 1
  • 9

1 Answers1

0

Try to do below css :

.header-top .search-form{
position : initial
}
shubham shah
  • 164
  • 11
  • Nope. Didn't work. The field was actually originally to the right and the phone number to the left. I switched their positions but the field just wouldn't follow. – Sandy Albaytar Jr. Feb 18 '17 at 10:37
  • try to put '!important' after initial like this 'position:initial !important;' – shubham shah Feb 18 '17 at 10:48
  • Thanks. I finally got it figured by paying attention to the commands for `header-top .search-form`. Turns out the issue was in there. Interesting how Firebug never showed the section and was instead pointing me to something else. – Sandy Albaytar Jr. Feb 18 '17 at 10:57
  • @SandyAlbaytarJr. Your welcome. If it worth to you don't forget to accept my answer by clicking right check mark on my answer. – shubham shah Feb 18 '17 at 11:00
  • It wasn't the exact answer so I can't check it otherwise would be misleading. But it helped me to pay attention to the appropriate section :) – Sandy Albaytar Jr. Feb 18 '17 at 11:02