Hi,

Take this as the starting point on a normal PC screen: http://imgur.com/OjX1W1b (the contact info is not quite right-aligned under/with the Facebook icon in this image, but that’s where I want it).

As the screen size reduces I would use a sequence of @media screen and (max-width: 989px) statements at various max-widths to progressively reduce the font-size of h4 (Jack’s Gallery), h5 (Jack Vettirano…) and .hdr-contact-txt (contact info) so that both text boxes stayed at the same line/level in the header for as long as possible.

I’ve added a padding-top:50px to hdr-titles of Elliott’s CSS (and as #484650, the transform would be removed although I’ve left it live for now). At some screen size I would then reduce this padding-top to shift that box up and bring hdr-contact underneath it e.g. http://imgur.com/8KuzsbK. The hdr-contact CSS for this would be
float: none;
left: 50%;
text-align: center;
top: 100px;

I usually design down to a 320px screen so I’d continue to reduce font size as needed with both boxes ‘stacked’ as per the second image, perhaps having to switch one off at some point. So when the boxes are stacked, I think I’ve got CSS for that.

What I need help with please is:

1. CSS for hdr-contact to get it right aligned under the Facebook icon on normal screens, and to keep it in that position as screen sizes reduce to about 1200px, which is where I think I’ll have to do the first font size reduction.

2. Keep hdr-contact in that right-aligned position until I do the ‘stacking’ (my guess is there’s no change from #1)

Hope that’s clear… :-)

This is the code I keep seeing…It works at one moment and then the next it shows this –

This category is restricted to volunteer and part-time paid coaches only (<15 hrs per week), with expectations higher for the latter. What we’re looking for: • Evidence of creativity and determination in development as a coach. • Evidence of the provision of opportunities and dedicated support to performers to help them reach their goals. • Examples of innovative practice. • Evidence of the wider impact the coach has on the participants / performers they coach (such as personal development, health and well-being and educational attainment) Recognised coaching qualifications required. Minimum age 16, under 25 years For achievements between 1st September 2014 and 31st August 2015. [av_button label='Nominate Now' link='manually,#nominate' link_target='' size='small' position='left' icon_select='no' icon='ue800' font='entypo-fontello' color='theme-color' custom_bg='#444444' custom_font='#ffffff'] [/av_toggle] [av_toggle title='Community Coach of the Year' tags=''] This award recognises the outstanding contribution of a coach to getting more people starting, staying and/or succeeding in sport through high quality coaching. This category is restricted to volunteer coaches only. What we’re looking for: • Evidence of the impact the coach has had on widening access to sport through coaching • Evidence of working within a specific community, particularly low-participation groups • Evidence of how the coach safeguards their athlete(s), and provides suitable coaching to meet their needs at their current stage of development. • Examples of innovative practice. • Evidence of the wider impact the coach has on the participants / performers they coach (such as personal development, health and wellbeing and educational attainment) Recognised coaching qualification required. For achievements between 1st September 2014 and 31st August 2015. [/av_toggle] [av_toggle title='Young Volunteer of the Year' tags=''] This award is for an individual who devotes their time to support, develop or champion sport. What we’re looking for: • They give up their time to lead, inspire and support more people to participate in sport – by officiating at matches, running events, undertaking administrative or support roles. • Acting as role models and encouraging others to do sport. • These individuals are the heartbeat of Welsh sport. • Evidence of the wider impact on participants (such as personal development, health and wellbeing and educational attainment). Nominations should be for volunteers working at a school, community, regional, national or international level in non –coaching roles Minimum age 9 and under 25 Parental consent required for nomination. For achievements between 1st September 2014 and 31st August 2015. [/av_toggle] [av_toggle title='Volunteer of the Year' tags=''] This award is for an individual who devotes their time to support, develop or champion sport. What we’re looking for: • They give up their time to lead, inspire and support more people to participate in sport – By officiating at matches, running events, undertaking administrative or support roles. Acting as role models and encouraging others to do sport. These individuals are the heartbeat of Welsh sport. • Evidence of the wider impact on the participants they coach (such as personal development, health and wellbeing and educational attainment). Nominations should be for volunteers working at a school, community, regional, national or international level in a non-coaching role. For achievements between 1st September 2014 and 31st August 2015. [/av_toggle] [av_toggle title='Coach to Disabled People of the Year' tags=''] This award recognises the outstanding contribution of a coach to getting more disabled sportspeople starting, staying and/or succeeding in sport through high quality coaching What we’re looking for: • Evidence of the impact the coach has had on widening access to sport for disabled people • Evidence of providing opportunities and/or dedicated support within a mainstream sporting environment or a dedicated disability sport environment • Evidence of appropriate player-centred engagement and excellent coaching • Examples of innovative practice. • Evidence of the wider impact the coach has on the participants / performers they coach (such as personal development, health and wellbeing and educational attainment) Nominations should be for coaches working at a community level. This category is restricted to volunteer coaches only. Recognised coaching qualification required. For achievements between 1st September 2014 and 31st August 2015 [/av_toggle] [av_toggle title='Coach of the Year (Not open for nominations)' tags=''] This award looks for evidence of a player centred approach leading to successful performance within sport at the highest level. What we’re looking for evidence of: • Evidence of player-centred development leading to successful performance • Evidence of national or international achievements by the athletes being coached • Examples of innovative practice (such as use of technology). Open to coaches coaching athletes at high performance level in their sport (national and international) Nominees can be Welsh, Welsh nationals coaching in a country outside Wales or a coach to Welsh sportspeople [/av_toggle] [av_toggle title='Team of the Year (not open for nominations)' tags=''] For the team in an individual sport or sporting discipline that has achieved the most notable performance in the past 12 months. The team should represent Wales or be based in Wales. Sport Wales and BBC Cymru Wales will nominate teams for this category and the winners will be chosen by Wales Sport Awards Panel. [/av_toggle] [av_toggle title='BBC Cymru Wales Unsung Hero' tags=''] This category is linked to the BBC Network, with a BBC Cymru Wales led nomination process. More details will be posted on this website. [/av_toggle] [av_toggle title='Lifetime Achievement Award – (Elite) (Not open for nominations)' tags=''] This category will be awarded at the Wales Sport Awards panel’s discretion and is reserved for those individuals that have dedicated a lifetime to sport in Wales. [/av_toggle] [av_toggle title='Carwyn James Sportsman and Sportswoman of the Year (not open for nominations)' tags=''] To recognise a young Welsh sports personality based on their achievements to date, with priority given to the calendar year of the awards. The award is open to Under 18 performance athletes for achievements during the period from 1 September 2014 – August 31 2015. Sport Wales will nominate the winners of this category to the Wales Sport Awards panel. [/av_toggle] [av_toggle title='Lifetime Achievement Award (Community)' tags=''] This award is for an individual who devotes their time to coach support, develop or champion sport in their community over a number of years. What we’re looking for: • A lifetime’s dedication to improving community life in any sporting situation – from coaching, officiating to washing the kit, driving the team bus, preparing refreshments or even maintaining the grounds. • They have been instrumental in recruiting other people to help out in sport to enable the club or sporting organisation grow. • Examples of innovative practice. • Examples of programmes or legacies which have enabled the coach’s work to be continued. • Evidence of the wider impact the coach has on the participants / performers they coach (such as personal development, health and wellbeing and educational attainment) Nominations should be for volunteers working at a community level. This category is restricted to volunteers only. For successful achievements over a number of years. [/av_toggle] [av_toggle title='BBC Cymru Wales Sports Personality of the Year (more information on voting will be available soon)' tags=''] The award, voted by the public from a list of candidates selected by the BBC Cymru Wales Sports Personality of the Year panel, is given to the person whom, it is felt, has achieved most in Welsh sport over the past year. [/av_toggle] [/av_toggle_container] [/av_three_fifth][av_one_fifth min_height='' vertical_alignment='' space='' custom_margin='' margin='0px' padding='0px' border='' border_color='' radius='0px' background_color='' src='' background_position='top left' background_repeat='no-repeat'] [/av_one_fifth][/av_section][av_section min_height='' min_height_px='500px' padding='huge' shadow='no-border-styling' bottom_border='no-border-styling' id='nominate' color='main_color' custom_bg='' src='https://kriesi.at/themes/enfold-one-page-portfolio/files/2015/02/laptop.jpg' attachment='48' attachment_size='full' attach='parallax' position='bottom center' repeat='stretch' video='' video_ratio='16:9' overlay_enable='aviaTBoverlay_enable' overlay_opacity='0.7' overlay_color='#000000' overlay_pattern='{{AVIA_BASE_URL}}images/background-images/dots-for-dark-background.png' overlay_custom_pattern=''] [av_one_fifth first] [/av_one_fifth][av_three_fifth min_height='' vertical_alignment='' space='' custom_margin='' margin='0px' padding='0px' border='' border_color='' radius='0px' background_color='' src='' background_position='top left' background_repeat='no-repeat'] [av_heading tag='h3' padding='10' heading='Nominate Now' color='' style='blockquote modern-quote modern-centered' custom_font='#ffffff' size='30' subheading_active='' subheading_size='15' custom_class=''][/av_heading] [av_contact email='' title='' button='Submit' on_send='' sent='Your message has been sent!' link='manually,http://' subject='' autorespond='' captcha='' hide_labels='aviaTBhide_labels' form_align='' color='av-custom-form-color av-light-form'] [av_contact_field label='NOMINATOR DETAILS' type='html' options='' check='' width='' multi_select=''] NOMINATOR DETAILS [/av_contact_field] [av_contact_field label='Full name' type='text' options='' check='is_empty' width='' multi_select=''][/av_contact_field] [av_contact_field label='Address' type='text' options='' check='is_empty' width='' multi_select=''][/av_contact_field] [av_contact_field label='Postcode' type='text' options='' check='is_empty' width='element_half' multi_select=''][/av_contact_field] [av_contact_field label='Contact number' type='text' options='' check='is_phone' width='element_half' multi_select=''][/av_contact_field] [av_contact_field label='Email Address' type='text' options='' check='is_email' width='' multi_select=''][/av_contact_field] [av_contact_field label='Relationship to nominee' type='text' options='' check='is_empty' width='' multi_select=''][/av_contact_field] [av_contact_field label='NOMINEE DETAILS' type='html' options='' check='' width='' multi_select=''] NOMINEE DETAILS [/av_contact_field] [av_contact_field label='Full name' type='text' options='' check='is_empty' width='' multi_select=''][/av_contact_field] [av_contact_field label='Address' type='text' options='' check='is_empty' width='' multi_select=''][/av_contact_field] [av_contact_field label='Postcode' type='text' options='' check='is_empty' width='element_half' multi_select=''][/av_contact_field] [av_contact_field label='Contact number' type='text' options='' check='is_phone' width='element_half' multi_select=''][/av_contact_field] [av_contact_field label='Email Address ' type='text' options='' check='is_email' width='' multi_select=''][/av_contact_field] [av_contact_field label='Date of Birth' type='text' options='' check='is_empty' width='element_half' multi_select=''][/av_contact_field] [av_contact_field label='Sport' type='text' options='' check='is_empty' width='element_half' multi_select=''][/av_contact_field] [av_contact_field label='Club or organisation' type='text' options='' check='is_empty' width='element_half' multi_select=''][/av_contact_field] [av_contact_field label='Current Coaching/Volunteering role' type='text' options='' check='is_empty' width='element_half' multi_select=''][/av_contact_field] [av_contact_field label='Number of years active as coach/volunteer ' type='text' options='' check='is_empty' width='' multi_select=''][/av_contact_field] [av_contact_field label='Level of athletes coached (coaching awards only) e.g. school, community, regional, international' type='text' options='' check='is_empty' width='' multi_select=''][/av_contact_field] [av_contact_field label='Any awards/recognition received during the past 12 months. Please give details.' type='text' options='' check='is_empty' width='' multi_select=''][/av_contact_field] [av_contact_field label='PLEASE SELECT A CATEGORY' type='html' options='' check='' width='' multi_select=''] PLEASE SELECT A CATEGORY [/av_contact_field] [av_contact_field label='' type='select' options='Community Coach of the Year, Community Coach to Disabled Sportspeople, Young Coach of the Year, Young Volunteer of the Year, Volunteer of the Year, Lifetime Achievement (community)' check='is_empty' width='' multi_select=''][/av_contact_field] [av_contact_field label='The next section is your opportunity to explain why you feel the nominated person is worthy of the selected award. You might like to include details of when they have inspired others, made a difference, or gone the extra mile in their role.' type='html' options='' check='' width='' multi_select=''] The next section is your opportunity to explain why you feel the nominated person is worthy of the selected award. You might like to include details of when they have inspired others, made a difference, or gone the extra mile in their role. [/av_contact_field] [av_contact_field label='ACHIEVEMENTS' type='html' options='' check='' width='' multi_select=''] ACHIEVEMENTS [/av_contact_field] [av_contact_field label='In 100 – 400 words please detail the key achievements of the nominee between 1st September 2014 and 31st August 2015. Please note: What have been the nominee’s best achievements during the past 12 months? (please refer to guidance notes) You may use bullet points, and facts and figures should be included where possible.' type='textarea' options='' check='is_empty' width='' multi_select=''][/av_contact_field] [av_contact_field label='IMPACT' type='html' options='' check='' width='' multi_select=''] IMPACT [/av_contact_field] [av_contact_field label='In 100 – 400 words please tell us what impact the nominee has made between 1st September 2014 and 31 August 2015.' type='textarea' options='' check='is_empty' width=''][/av_contact_field] [av_contact_field label='QUALIFICATIONS AND DEVELOPMENT' type='html' options='' check='' width='' multi_select=''] QUALIFICATIONS AND DEVELOPMENT [/av_contact_field] [av_contact_field label='Please list the nominee’s qualifications and any evidence of how they have developed their skills and kept up to date with personal development' type='textarea' options='' check='is_empty' width=''][/av_contact_field] [av_contact_field label='DEDICATION' type='html' options='' check='' width='' multi_select=''] DEDICATION [/av_contact_field] [av_contact_field label='On average, how many hours does this nominee spend coaching each week?' type='text' options='' check='is_empty' width='' multi_select=''][/av_contact_field] [av_contact_field label='Please indicate if their role is:' type='select' options='Full-Time, Part-Time, As a volunteer' check='is_empty' width='' multi_select=''][/av_contact_field] [av_contact_field label='ADDITIONAL SUPPORTING INFORMATION' type='html' options='' check='' width='' multi_select=''] ADDITIONAL SUPPORTING INFORMATION [/av_contact_field] [av_contact_field label='You may use this space to tell us in no more than 400 words why this coach/volunteer should win the award. ' type='textarea' options='' check='is_empty' width=''][/av_contact_field] [av_contact_field label='DECLARATION' type='html' options='' check='' width='' multi_select=''] DECLARATION [/av_contact_field] [av_contact_field label='I confirm that the details given in this nomination are accurate. ' type='html' options='' check='' width='' multi_select=''] I confirm that the details given in this nomination are accurate. [/av_contact_field] [av_contact_field label='Name' type='text' options='' check='is_empty' width='element_half' multi_select=''][/av_contact_field] [av_contact_field label='Date' type='text' options='' check='is_empty' width='element_half' multi_select=''][/av_contact_field] [av_contact_field label='If nominee is under 18 parental consent is required' type='html' options='' check='' width='' multi_select=''] If nominee is under 18 parental consent is required [/av_contact_field] [av_contact_field label='Name of Parent or Guardian' type='text' options='' check='is_empty' width='' multi_select=''][/av_contact_field] [av_contact_field label='Signature' type='text' options='' check='is_empty' width='element_half' multi_select=''][/av_contact_field] [av_contact_field label='Date' type='text' options='' check='is_empty' width='element_half' multi_select=''][/av_contact_field] [av_contact_field label='Contact number' type='text' options='' check='is_phone' width='element_half' multi_select=''][/av_contact_field] [/av_contact] [/av_three_fifth][av_one_fifth min_height='' vertical_alignment='' space='' custom_margin='' margin='0px' padding='0px' border='' border_color='' radius='0px' background_color='' src='' background_position='top left' background_repeat='no-repeat'] [/av_one_fifth][/av_section][av_section min_height='' min_height_px='500px' padding='huge' shadow='no-border-styling' bottom_border='no-border-styling' id='contact' color='main_color' custom_bg='' src='https://kriesi.at/themes/enfold-one-page-portfolio/files/2015/02/laptop.jpg' attachment='48' attachment_size='full' attach='parallax' position='bottom center' repeat='stretch' video='' video_ratio='16:9' overlay_enable='aviaTBoverlay_enable' overlay_opacity='0.7' overlay_color='#000000' overlay_pattern='{{AVIA_BASE_URL}}images/background-images/dots-for-dark-background.png' overlay_custom_pattern=''] [av_one_fifth first] [/av_one_fifth][av_three_fifth min_height='' vertical_alignment='' space='' custom_margin='' margin='0px' padding='0px' border='' border_color='' radius='0px' background_color='' src='' background_position='top left' background_repeat='no-repeat'] [av_heading tag='h3' padding='10' heading='Contact Us' color='' style='blockquote modern-quote modern-centered' custom_font='#ffffff' size='30' subheading_active='' subheading_size='15' custom_class=''][/av_heading] [av_contact (Email address hidden if logged out) ' title='' button='Submit' on_send='' sent='Your message has been sent!' link='manually,http://' subject='' autorespond='' captcha='' hide_labels='aviaTBhide_labels' form_align='' color='av-custom-form-color av-light-form'] [av_contact_field label='Name' type='text' options='' check='is_empty' width='element_half' multi_select=''][/av_contact_field] [av_contact_field label='E-Mail' type='text' options='' check='is_email' width='element_half' multi_select=''][/av_contact_field] [av_contact_field label='Message' type='textarea' check='is_empty' options='' width='' multi_select=''][/av_contact_field] [/av_contact] [/av_three_fifth][av_one_fifth min_height='' vertical_alignment='' space='' custom_margin='' margin='0px' padding='0px' border='' border_color='' radius='0px' background_color='' src='' background_position='top left' background_repeat='no-repeat'] [/av_one_fifth][/av_section][av_section min_height='' min_height_px='500px' padding='huge' shadow='no-border-styling' bottom_border='no-border-styling' id='followus' color='main_color' custom_bg='' src='' attachment='' attachment_size='' attach='scroll' position='top left' repeat='stretch' video='' video_ratio='16:9' overlay_opacity='0.2' overlay_color='' overlay_pattern='{{AVIA_BASE_URL}}images/background-images/polygon.png' overlay_custom_pattern=''] [av_one_fifth first] [/av_one_fifth][av_three_fifth min_height='' vertical_alignment='' space='' custom_margin='' margin='0px' padding='0px' border='' border_color='' radius='0px' background_color='' src='' background_position='top left' background_repeat='no-repeat'] [av_heading heading='Follow us' tag='h3' style='blockquote modern-quote modern-centered' size='30' subheading_active='' subheading_size='15' padding='10' color='' custom_font='#ffffff'][/av_heading] [/av_three_fifth][av_one_fifth min_height='' vertical_alignment='' space='' custom_margin='' margin='0px' padding='0px' border='' border_color='' radius='0px' background_color='' src='' background_position='top left' background_repeat='no-repeat'] [/av_one_fifth][av_one_fifth first] [/av_one_fifth][av_one_fifth min_height='' vertical_alignment='' space='' custom_margin='' margin='0px' padding='0px' border='' border_color='' radius='0px' background_color='' src='' background_position='top left' background_repeat='no-repeat'] [av_font_icon icon='ue8f3' font='entypo-fontello' style='border' caption='' link='manually,http://facebook.com' linktarget='' size='40px' position='center' color='#ffffff'][/av_font_icon] [/av_one_fifth][av_one_fifth min_height='' vertical_alignment='' space='' custom_margin='' margin='0px' padding='0px' border='' border_color='' radius='0px' background_color='' src='' background_position='top left' background_repeat='no-repeat'] [av_font_icon icon='ue8fe' font='entypo-fontello' style='border' caption='' link='manually,http://dribbble.com' linktarget='' size='40px' position='center' color='#ffffff'][/av_font_icon] [/av_one_fifth][av_one_fifth min_height='' vertical_alignment='' space='' custom_margin='' margin='0px' padding='0px' border='' border_color='' radius='0px' background_color='' src='' background_position='top left' background_repeat='no-repeat'] [av_font_icon icon='ue8f1' font='entypo-fontello' style='border' caption='' link='manually,http://twitter.com' linktarget='' size='40px' position='center' color='#ffffff'][/av_font_icon] [/av_one_fifth][av_one_fifth min_height='' vertical_alignment='' space='' custom_margin='' margin='0px' padding='0px' border='' border_color='' radius='0px' background_color='' src='' background_position='top left' background_repeat='no-repeat'] [/av_one_fifth] [/av_section]

Thank you so much for all your help. It makes life easier :)

Screenshot:

MailChimp for WordPress Form:

<!-- Homepage form -->
<div class="av-form-labels-visible">
<p class="first_form form_element form_element_third">
<label>First Name:</label>
<input type="text" name="FNAME" placeholder="Your first name" required />
</p>
<p class="form_element form_element_third">
<label>Email address:</label>
<input type="email" name="EMAIL" placeholder="Your email address" required />
</p>
<p class="form_element form_element_third modified_width">
<input type="submit" value="Sign up" class="button" />
</p>
</div>

Quick CSS:

/*  ** Start Newsletter Subscribe **  */

/* * Start Homepage form * */

/* MailChimp Form styles */
.mc4wp-form form{margin:0!important;clear:both}
.mc4wp-form p br{display:none}
.mc4wp-form label{display:block;visibility:visible;position:relative;margin-bottom:7px;font-weight:600}
.mc4wp-form p{position:relative;clear:both;float:left;width:100%}
.mc4wp-form p.hidden{position:absolute;width:0;left:0;top:0}
.mc4wp-form .form_element_half{width:49.5%;float:left;margin-left:1%;clear:none}
.mc4wp-form .form_element_third{width:32.6%;float:left;margin-left:1%;clear:none}
.mc4wp-form .form_element_two_third{width:66.4%;float:left;margin-left:1%;clear:none}
.mc4wp-form .form_element_fourth{width:24.2%;float:left;margin-left:1%;clear:none}
.mc4wp-form .form_element_three_fourth{width:74.8%;float:left;margin-left:1%;clear:none}
.mc4wp-form .first_form{clear:both;margin-left:0}
@media only screen and (max-width: 479px) { .responsive .mc4wp-form .form_element{width:100%;clear:both;margin-right:0;margin-left:0;float:none} }
#top .mc4wp-form input[type='text'],#top .mc4wp-form input[type='email'],#top .mc4wp-form select,#top .mc4wp-form textarea{width:100%;margin-bottom:0;display:inline;min-width:50px;padding:13px;border-radius:2px}
#top .mc4wp-form select{-webkit-appearance:none;border-radius:0;background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAANCAYAAAC+ct6XAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMC1jMDYwIDYxLjEzNDc3NywgMjAxMC8wMi8xMi0xNzozMjowMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNSBNYWNpbnRvc2giIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6RjBBRUQ1QTQ1QzkxMTFFMDlDNDdEQzgyNUE1RjI4MTEiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6RjBBRUQ1QTU1QzkxMTFFMDlDNDdEQzgyNUE1RjI4MTEiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpGMEFFRDVBMjVDOTExMUUwOUM0N0RDODI1QTVGMjgxMSIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpGMEFFRDVBMzVDOTExMUUwOUM0N0RDODI1QTVGMjgxMSIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/Pk5mU4QAAACUSURBVHjaYmRgYJD6////MwY6AyaGAQIspCieM2cOjKkIxCFA3A0TSElJoZ3FUCANxAeAWA6IOYG4iR5BjWwpCDQCcSnNgxoIVJCDFwnwA/FHWlp8EIpHSKoGgiggLkITewrEcbQO6mVAbAbE+VD+a3IsJTc7FQAxDxD7AbEzEF+jR1DDywtoCr9DbhwzDlRZDRBgACYqHJO9bkklAAAAAElFTkSuQmCC);background-position:center right;background-repeat:no-repeat;border-radius:2px}
.mc4wp-form .button{margin:0;padding:16px 20px;border-radius:2px;border-bottom-width:1px;border-bottom-style:solid;font-weight:400;font-size:12px;min-width:142px;outline:none}
.mc4wp-form .modified_width .button{width:100%;padding:13px 10px 14px;min-width:0}
.mc4wp-form p input,.mc4wp-form p textarea,.mc4wp-form p select{-webkit-transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;transition:all .3s ease-in-out}

/* av-sub-box */
.av-sub-box {
    padding: 20px;
    background: #F4F4F4;
    width: 100%;
    clear: both;
    float: left;
    margin-top: 10px;
    border: 1px solid #e1e1e1;
    margin-bottom: 10px;
    border-radius: 3px;
}

/* corrects confirmation alignment */
.mc4wp-response {
    clear: both;
}

/* * End Homepage form * */

The above codes did not work for me. Please have a look at the following link http://picpaste.com/Re_Site_Title_and_Tagline-bdEU857I.jpg. This is what I was trying to say to you. What is the code for this? Also, if I could change the colour and text fonts and sizes it would be also great.

Update…The quick CSS now looks like this (I removed that one section that was throwing everything off). Only the images aren’t centered on the dotted line.

#top .avia-post-nav { display: none !important; }

.single-post main.content {
padding-left: 45px; }

.small-preview {
width: 160px;
height: 160px;
line-height: 160px;
}

.blog, main.content.units.av-content-small.alpha.av-blog-meta-html-info-disabled {
width: 66%;
margin-left: 90px;
}

h1.post-title.entry-title {
font-size: 28px!important;
color: #02a1e5;
}

div.entry-content h6 {color: #02a1e5;}

.big-preview img {
width: 100%;
height: 100%;
}

Hi Yigit,

Thanks for the response. The code you recently gave me works! However, I have to take out this code to make it work.

.template-blog .blog-meta {
left: -30px;
position: relative;
}

If I take this out then the images are not centered on the dotted line. Is there another option/code to get it to center.

My Quick CSS looks like this:

#top .avia-post-nav { display: none !important; }

.single-post main.content {
padding-left: 45px; }

.small-preview {
width: 160px;
height: 160px;
line-height: 160px;
}

.template-blog .blog-meta {
left: -30px;
position: relative;
}
.blog, main.content.units.av-content-small.alpha.av-blog-meta-html-info-disabled {
width: 66%;
margin-left: 90px;
}

h1.post-title.entry-title {
font-size: 28px!important;
color: #02a1e5;
}

div.entry-content h6 {color: #02a1e5;}

.big-preview img {
width: 100%;
height: 100%;
}

OK, thanks. Screenshot: http://imgur.com/OjX1W1b
Website: dev.jacksgallery.co.uk (NOT www)

As you can see I’ve managed to add the contact info into the header widget and it’s nearly OK on a 24″ screen (but not quite right) plus it all screws up as soon as the screen size reduces – so I could do with some help please for some CSS that:
– always keeps the Jack’s Gallery text centered
– keeps the contact info always to the right

If you can get me ‘on the track’ I can then work out some media queries as screen size reduces to reduce font sizes and maybe turn off the blocks at some point (assuming the blocks won’t be able to ‘stack’ under the logo).

Max container width is 1360px.
Code inside the header is:

<div class="hdr-titles">
<h4>Jack's Gallery</h4>
<h5>Jack Vettriano Artist's Proofs and Limited Edition Prints</h5>
</div>
<div class="hdr-contact">
<p class="hdr-contact-txt">Gallery: 01491 571387</p>
<p class="hdr-contact-txt">Mobile: 07775 735136</p>
<p class="hdr-contact-txt">Email: <a href="mailto: (Email address hidden if logged out) "> (Email address hidden if logged out) </a></p>
</div>

Child theme CSS is:`
/* header widget */
#header .widget {
left: 60%;
top: 50px;
position: absolute;
transform: translate(-53%);
z-index: 999;
width: 50%;}

.hdr-titles {
float: left;
position: relative;
text-align: center;
padding-top: 6px;}

.hdr-contact {
float: right;
position: relative;
text-align: right;}

.hdr-contact-txt {
font-size: 16px;
margin: 0.25em 0;}`

Great, it looks much better! A few additional questions. When I scroll down, the secondary menu doesn’t stay with the rest of the menu when you start scrolling down the site, is there anything I can do about that? Also, this may be picky but is there a way to change the secondary menu font to the same size as the other menu items. And could I center those secondary menu items using the width of the sidebar as the point of reference?

Thanks, here is the website link. http://www.nickcookdesign.com/frankfordfriends/