<div>
please post a link to your site
</div>


<div>
<a href="http://webgirlinternet.com/test/RCM/" rel="ugc">http://webgirlinternet.com/test/RCM/</a>
</div>


http://webgirlinternet.com/test/RCM/ [http://webgirlinternet.com/test/RCM/]

<div>
If you want to do it using only CSS, here is one way to do it. You will need to adjust the margin and left values to your liking:<br />
<br />

<pre><code id="code-20-39306163-1">@media screen and (max-width: 600px){
#masthead{
position:relative;
}

.site-description{
margin-bottom:50px;
}

/* repeat below for all images specifying appropriate left position: */
#masthead img[alt='linkedin']{
padding:0;
float:none;
position:absolute;
top:200px;
left:0;
}

}</code></pre>
</div>


If you want to do it using only CSS, here is one way to do it. You will need to adjust the margin and left values to your liking:



@media screen and (max-width: 600px){
#masthead{
position:relative;
}

.site-description{
margin-bottom:50px;
}

/* repeat below for all images specifying appropriate left position: */
#masthead img[alt='linkedin']{
padding:0;
float:none;
position:absolute;
top:200px;
left:0;
}

}

<div>
Ok, I tried this and it's still wonky on mobile view and only one icon shows up in desktop view
</div>


Ok, I tried this and it's still wonky on mobile view and only one icon shows up in desktop view

<div>
please post a link with what you did.
</div>


<div>
<a href="http://webgirlinternet.com/test/RCM" rel="ugc">http://webgirlinternet.com/test/RCM</a>
</div>


http://webgirlinternet.com/test/RCM [http://webgirlinternet.com/test/RCM]

<div>
I've requested that this question be deleted for the following reason:<br />
<br />
trying something different.
</div>


I've requested that this question be deleted for the following reason:

trying something different.

<div>
<div class="content wysiwyg-content">
I'm working in the 2012 theme in wordpress and I have a small issue. I have in my header a group of social media icons that i wish to be in the top right corner when in desktop view, but in mobile portrait view, I wish those icons to float to below the site description line that has address and phone number. Is there a way to accomodate this with CSS?
</div>
</div>


I'm working in the 2012 theme in wordpress and I have a small issue. I have in my header a group of social media icons that i wish to be in the top right corner when in desktop view, but in mobile portrait view, I wish those icons to float to below the site description line that has address and phone number. Is there a way to accomodate this with CSS?

responsive word press?

Cascading Style Sheets (CSS) is a language used for describing the look and formatting of a document written in a markup language. Usually used to change web pages and user interfaces written in HTML, it can also be applied to any kind of XML document. CSS is designed primarily to distinguish the content of a document from its presentation.

WordPress is a free and open-source content management system (CMS) based on PHP and MySQL for creating websites and blogs. Features include a plugin architecture, a template system and strong management, customization and search systems; through its dynamic presentation of content, webmasters have the flexibility to create websites easily.

WordPress

HTML (HyperText Markup Language) is the main markup language for creating web pages and other information to be displayed in a web browser, providing both the structure and content for what is sent from a web server through the use of tags. The current implementation of the HTML specification is HTML5.