Hi everybody!
I have just started designing my first website and I am encountering a slight problem with the styling.
I have modified my CSS to place the social icons and the search box in the center of the page, but it only works in screens with my resolution. If I visit my page with a panoramic screen or a larger screen than the one I am using to design it, the items are not in the center.
Is there a way to block their position and for it to be the same on ALL devices?
This is my website: www.recetasparaprincipiantes.com (I am using Wordpress and the Customizr Pro Theme).
Thank you so much to whoever can give me a hand!
Gawd! WP themes are crappily coded
Here are changes I made. Take care, as I did not thoroughly test. There may be unintended side effects.
Note, too, that some elements' rule sets appear in multiple style sheets; another example of shoddy coding.
.navbar .nav { margin: 1em auto; padding: 0; text-align: center;} .navbar .nav { margin: 0 10px 0 0;} /* Why the right margin? Seems unnecessary */ .navbar .nav > li { display: inline-block;} form.bop-nav-search { min-width: 285px;} /* better placed on the input element */ .screen-reader-text { display: inline-block;} /* Never, ever hide the label */
cheers,
gary